@font-face {

  font-family: "Anton-Regular";

  src: url("https://www.gtxseo.com/template/pc/skin/font/Anton-Regular.woff2") format("woff2"),

       url("https://www.gtxseo.com/template/pc/skin/font/Anton-Regular.woff") format("woff"),

       url("https://www.gtxseo.com/template/pc/skin/font/Anton-Regular.ttf") format("truetype"),

       url("https://www.gtxseo.com/template/pc/skin/font/Anton-Regular.eot") format("embedded-opentype"),

}



.clear{

   clear:both; 

   height: 0; 

   height: 0; 

   overflow:hidden;

}



body{

	font-family:"Source Han Sans CN", Helvetica LT Std, 'Noto Sans CJK SC', sans-serif ,"Noto Sans SC"; 

}



.aside {

	position: fixed;

	top: 0;

	right: 0;

	width: 40px;

	height: 100%;

	z-index: 18;

	background-color:rgba(36, 101, 156, 0.8);

	/* background: url(../images/aside.jpg) center top repeat; */

	box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);

}

.aside ul {

	margin-top: 100px;

}

.aside ul li a {

	display: block;

	margin-top: 30px;

	text-align: center;

	color: #cf0a0a;

}



.aside ul li.kan a {

	font-size:12px;

	color:#fff;

}

.aside ul li img {

	display: block;

	text-align: center;

	margin: 0 auto;

	width:24px;

}



.kanjia{

	display:none;

	width:150px;

	height:150px;

	position:fixed;

	right: 41px;

	top: 28%;

	z-index:9999;

	border:1px solid #e95656;

	border-radius:4px;

}



.kanjia img{

	width:100%;

	border-radius:4px;

}



.seopro , .seokp{

	position:fixed;

	

	z-index:9999;

}



.seopro{

	top:15%;

	left:2%;

}



.seopro img , .seokp img{

	width:100px;

} 



.seokp{

	top:30%;

	left:2%;

}





@media (max-width:991px){

.seopro , .seokp{

	display:none;

	}



}





.aside ul li.consulting .img2{

	display: none;

}

.aside ul li.consulting span {

	display: inline-block;

	margin: 0 2px;

	width: 5px;

	height: 5px;

	border-radius: 100%;

	background: #cf0a0a;

}

.aside ul li.consulting span:nth-child(1) {

	-webkit-animation: consulting 0.6s 0.07s infinite ease-in-out;

	animation: consulting 0.6s 0.07s infinite ease-in-out;

}

.aside ul li.consulting span:nth-child(2) {

	-webkit-animation: consulting 0.6s 0.14s infinite ease-in-out;

	animation: consulting 0.6s 0.14s infinite ease-in-out;

}

.aside ul li.consulting span:nth-child(3) {

	-webkit-animation: consulting 0.6s 0.21s infinite ease-in-out;

	animation: consulting 0.6s 0.21s infinite ease-in-out;

}

 @keyframes consulting {

 33% {

 -webkit-transform: translateY(5px);

 transform: translateY(5px);

}

 66% {

 -webkit-transform: translateY(-5px);

 transform: translateY(-5px);

}

 100% {

 -webkit-transform: translateY(0);

 transform: translateY(0);

}

}

 @-webkit-keyframes consulting {

 33% {

 -webkit-transform: translateY(5px);

 transform: translateY(5px);

}

 66% {

 -webkit-transform: translateY(-5px);

 transform: translateY(-5px);

}

 100% {

 -webkit-transform: translateY(0);

 transform: translateY(0);

}

}

.aside ul li.consulting.active {

	background: #fff;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

}

.aside ul li.consulting.active a {

	color: #3F82ED;

}

.aside ul li.consulting.active span {

	background: #3F82ED;

}

.aside ul li.consulting.active .img1 {

	display: none;

}

.aside ul li.consulting.active .img2 {

	display: block;

}

.consulting_box {

	width: 250px;

	height: 100%;

	background: #fff;

	overflow: hidden;

	z-index: 15;

	position: fixed;

	top: 0;

	right: -250px;

	box-shadow: -2px 0 10px rgba(0, 0, 0, .1);

	transition: 0.8s all;

	-webkit-transition: 0.8s all;

}

.consulting_box .title {

	background: url(../image/0102.png) center top no-repeat;

	text-align: center;

	padding: 8px 0 2px 0;

	color: #fff;

}

.consulting_box .title_t1 {

	font-size: 12px;

}

.consulting_box .title_t2 {

	font-size: 16px;

	margin: 5px 0;

}

.consulting_type {

	padding: 5px 0;

	border-bottom: solid 1px #399BEC;

}

.consulting_type_title {

	padding-left: 30px;

	font-size: 16px;

	color: #333;

}



.consulting_type ul {

	margin: 8px 0;

	padding:0 10px;

}



.consulting_type ul li{

	margin: 10px 0;

	position:relative;

	margin: 5px 0;

    position: relative;

    padding-bottom: 5px;

    border-bottom: 1px dashed #ead5d5;

}



.consulting_type ul li a span{

	font-weight:bold;

	font-size:14px;

	margin-left: 68px;

}



.consulting_type ul li a {

	display: block;

	z-index: 2;

	font-size:12px;

	position: relative;

	color: #666;

	margin: 0;

	text-align: left;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

}



.consulting_type ul li p{

	margin-left:70px;

	line-height:20px;

	font-size:12px;

}



.consulting_type ul li p a{

	color:#c95050;

}

.consulting_type ul li a img{

	margin: 0;

	display: inline-block;

	width:60px;

	padding-right: 15px;

	position: absolute;

	top: 7px;

}



.consulting_type ul li a:hover {

	color: #222;

}



.consulting_box .problem {

	padding-top: 10px;

}

.consulting_box .problem_title {

	padding-left: 30px;

	font-size: 16px;

	color: #333;

}

.consulting_box .problem ul {

	padding: 5px 0 0 20px;

}

.consulting_box .problem ul li {

	margin-bottom:5px;

}

.consulting_box .problem ul li a {

	display: inline-block;

}

.consulting_box .problem ul li span {

	display: inline-block;

	width: 3px;

	height: 3px;

	border-radius: 100%;

	background: #3c9af2;

	margin: 3px 10px 3px 0;

	animation: none;

}

.consulting_box .problem ul li a {

	font-size: 12px;

	color: #818181;

}

.consulting_box .problem ul li a:hover {

	color: #3c9af2;

}

.consulting_type .time {

	color: #818181;

	font-size: 12px;

	padding-left: 30px;

}

.consulting_box .close {

	position: absolute;

	top: 5px;

	right: 8px;

	cursor: pointer;

}

.consulting_box .close img {

	transition: 0.4s all;

	-webkit-transition: 0.4s all;

}

.consulting_box .close:hover img {

	transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

}



.top_link{

	width:100%;

	background:#1446A0;

	padding:5px 0;

}



.top_link .top_link_list span{

	font-size:14px;

	color:#fff;

}



.top_link .top_link_list a{

	font-size:14px;

	color:#f05d5d;

	padding:0 10px;

	font-weight:bold;

	border-right:1px solid #dedede;

}



.all_title1 {margin-bottom:40px;text-align:center;display:flex;flex-flow:column;align-items:center}

.all_title1 .title {font-size:36px;font-weight:bold;color:#333}

.all_title1 span{width:100px;border-top:1px solid #ccc;margin:15px 0}

.all_title1 .text {color:#888;font-size:16px}



.all_title2 {

	margin-bottom: 50px;

	text-align: center;

	color: #fff;

}

.all_title2 .title {font-size:36px;font-weight:bold}



.all_button {

	display: inline-block;

	background: #f56b6b;

	border: solid 1px #f56b6b;

	color: #fff;

	padding: 6px 30px;

	border-radius: 3px;

	overflow: hidden;

}

.all_button:hover {

	background: #fff;

	background: transparent;

	color: #f56b6b;

}

.header {

	/* height: 100px; */

	line-height: 65px;

	position: fixed;

	width: 100%;

	top: 0;

	z-index: 11;

	/* background-color:rgba(255,255,255,1); */

	transition: 0.4s all;

	-webkit-transition: 0.4s all;

}



.header-nav{

	float: right;

    margin-right: 3%;

}



.header  .top-mess{

	width:100%;

	/* border-bottom:1px solid rgba(28,122,203,0.2); */

	border-bottom:1px dashed rgba(255,255,255,0.2);

	line-height:25px;

	/* background-color:white; */

}

.header  .top-mess p{

	font-size:14px;

	color:white;

}



.header .top-mess div.top-left {

    margin-left: 2.5%;

    float: left;

    margin-top: 8px;

}

.header .top-mess .top-left {

    font-size: 14px;

    color: white;

}



.header  .top-mess p.top-left{

	margin-left: 2.5%;

	float:left;

	margin-top:8px;

}



.header  .top-mess .top-right{

	float:right;

	margin-right: 4%;

}



.header  .top-mess .top-right{

	float:right;

	margin-right: 4%;

}



.header  .top-mess .top-right p{

	float: left;

    font-size: 14px;

    margin: 6px 16px 8px 0;

    background-color: rgba(255,255,255,0.3);

    border-radius: 50px;

}



.header  .top-mess .top-right p a{

	color:#fff;

    margin: 0 10px;

    background-size: 15px;

    padding:0;

}



.header  .top-mess .top-right i{

	margin-right:10px;

}



.header  .top-mess .top-right h1{

	float: left;

}



.header  .top-mess .top-right h1 a{

	font-size:14px;

	padding:0 10px;

	color:#fff;

	border-right:1px dashed rgba(255,255,255,0.2);

}



.header  .top-mess .top-right h1 a:last-child{

	border:none;

}







@media (max-width:1199px){

.header  .top-mess{

	display:none;

}

}





.header .logo {

	margin-left: 10%;

}



.header .logo img{

	max-height: 55px;

}

.header .header_menu ul {

	/* text-align: center; */

	float:right;

}

.header .header_menu ul li {

	display: inline-block;

	padding-top: 2px\0;

	text-align:center;

}

.header .header_menu ul li a {

	display: block;

	padding: 0 25px;

	color: white;

	font-size:14px;

	text-decoration:underline;

	border-top: solid 2px rgba(0, 0, 0, 0);

	/* opacity: 0.7; */

	filter: alpha(opacity=70);

	font-weight: 700; 

}



@media (max-width:1199px){

.header .header_menu ul li a {

	color:#b6b6b6;

}

}



.header .header_menu ul li a:hover, .header .header_menu ul li a.active {

	opacity: 1;

	color:#ff5853;

	filter: alpha(opacity=100);

}

.header .login {

	float: right;

	background: rgba(255, 255, 255, .1);

	margin: 20px 50px 0 0;

	height: 36px;

	line-height: 36px;

	font-size: 12px;

}

.header .login span {

	color: #fff;

}

.header .header_avatar {

	width: 30px;

	border-radius: 50%;

	height: 30px;

	overflow: hidden;

	display: block;

	float: left;

	margin-top: 3px;

	margin-left: 5px;

}

.header .header_avatar img {

	display: block;

	max-width: 100%;

}

.header .login a {

	padding: 0 10px 0 10px;

	color: #fff;

}

.header .md-show {

	display: none;

}

.header_scroll {

	/*background: rgba(255,255,255,0.9);*/

	background: rgba(20,18,20,0.6);

	line-height:65px;

	transition: 0.4s all;

	border-bottom:1px solid #efefef;

	box-shadow: 2px 0 3px #808080;

	-webkit-transition: 0.4s all;

}



.header_scroll  .header_menu ul li a{

		/*color:#444;*/

}



.header_scroll .top-mess {

	display:none;

	transition: 0.4s all;

}



.header .mobileMenuBtn {

	position: fixed;

	right: 20px;

	top: 18px;

	width: 32px;

	text-align: center;

	cursor: pointer;

	z-index: 100;

	display: none;

	transition: 0.4s all;

	-webkit-transition: 0.4s all;

}

.header .mobileMenuBtn.active {

	right: 140px;

}

.header .mobileMenuBtn span {

	display: block;

	width: 100%;

	height: 3px;

	background:white;

	margin-bottom: 8px;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

}

.header .mobileMenuBtn span:last-child {

	margin: 0;

}

.header .mobileMenuBtn span:first-child, .header .mobileMenuBtn span:last-child {

	transform-origin: 100% 50%;

	-webkit-transform-origin: 100% 50%;

	transform: rotate(0);

	-webkit-transform: rotate(0);

}

.header .mobileMenuBtn.active span:first-child {

	transform: rotate(-43deg);

	-webkit-transform: rotate(-43deg);

}

.header .mobileMenuBtn.active span:last-child {

	transform: rotate(43deg);

	-webkit-transform: rotate(43deg);

}

.header .mobileMenuBtn span:nth-child(2) {

	transform: translateX(0);

	-webkit-transform: translateX(0);

}

.header .mobileMenuBtn.active span:nth-child(2) {

	transform: translateX(80px);

	-webkit-transform: translateX(80px);

	opacity: 0;

}



.header_scroll  .mobileMenuBtn span{

	background:#5f82c1;

}



.banner {

	overflow: hidden;

	text-align: center;

	z-index: 10;

	position: relative;

	background: #000;

}



.bread{position:absolute;bottom:-30px;left:0;width:100%;background:#fff;text-align:left;padding:10px;font-size:14px;color:#555;border-bottom:1px solid #f5f5f5;}

.bread a{display:inline-block;margin-left:20px;margin-right:10px;position:relative;padding-left:15px;color:#555}

.bread span{display:inline-block;margin-left:10px;position:relative;}

.bread a:first-child:before{position:absolute;content:"";left:-10px;top:0px;width:10px;height:25px;background:url(../image/address002.png)center no-repeat;background-size:100%;-webkit-filter: brightness(0.1);-moz-filter: brightness(0.1); -ms-filter: brightness(0.1);filter: brightness(0.1);}

.bread a:hover , .bread span:hover{color:#e95656;}



.mpage {

	width: 100%;

	height: 520px;

	overflow: hidden;

	margin: 0 auto;

	position: absolute;

	top: 0;

	z-index: -1;

}

.anitOut {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

}



.item{

	position:relative;

}



.item_mess{

	position: absolute;

	height: 100%;

	width: 100%;

	justify-content: center;

	align-items: center;

	display: -ms-flexbox;

	display: flex;

	flex-direction: column;

}



.banner_title {

	color: #fff;

	font-size: 44px;

	z-index:999;

	text-shadow: 2px 2px 2px #161718;

}

.banner_text {

	font-size: 20px;

    color: #fefeff;

    z-index: 999;

	text-shadow: 2px 2px 2px #161718;

}

.banner_button {

	margin-top: 30px;

	z-index:999;

}

.banner_button a {

	display: inline-block;

	margin: 0 10px;

	padding: 5px 30px;

	border: solid 2px #fdf800;

	color: #fdf800;

	font-size:16px;

	background:none;

	/* border-radius:50px; */

}



.banner .item img{

	max-width:100%;

}



.banner_button a:hover, .banner_button a.active {

	background: #fff;

	color: #e95656;

}

.banner .owl-pagination {

	margin-top: 150px;

}

.banner .owl-theme .owl-controls{

	display:none!important;

}



.banner .owl-buttons {

	display: none

}

.banner .owl-prev, .banner .owl-next {

	width: 39px;

	height: 39px;

	border-radius: 100%;

	opacity: 0.5;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

	margin-top: -100px;

	display: none;

}

.banner .owl-prev {

	margin-left: 40px;

	float: left;

	background: #fff url(../image/icon_prev2_1.png) center no-repeat;

	display: none;

}

.banner .owl-next {

	margin-right: 40px;

	float: right;

	background: #fff url(../image/icon_next2_1.png) center no-repeat;

	display: none;

}



.banner .owl-pagination{

    margin-top:-32px;

}



.banner img{

    max-width:100%;

}



@media screen and (max-width:767px){

.pc_banner{display:none;}

#toTop {

    background-color: #00aef3;

}

}



@media screen and (min-width:768px){

	.mobile_banner{display:none;}

}



.banner_bottom{display:flex;margin:50px 0;justify-content:space-between}

.banner_bottom li{display:flex;flex-flow:column;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;box-shadow:0px 9px 29.64px 8.36px rgba(222, 222, 222, 0.22)}

.banner_bottom li h5{margin-top:20px;font-size:20px}

.banner_bottom li span{font-size:16px}



.index_product {

	padding: 45px 0;

	background: #fff;

}

.index_product_content {

	margin-left: -10px;

	position:relative;

}



.index_product_list {

	display: block;

	margin: 0 0 10px 10px;

	position: relative;

	overflow: hidden;

}

.index_product_list:before {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(255, 255, 255, 0.4);

	content: '';

	-webkit-transition: -webkit-transform 0.5s;

	transition: transform 0.5s;

	-webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);

	transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);

}

.index_product_list:hover:before {

	-webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);

	transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);

}

.index_product_list .list_backimg {

	padding: 46px 0;

	text-align: center;

}



.index_product_list .list_txt {

	color: #fff;

	margin-top: 10px;

}

.index_product_list .list_title {

	font-size: 16px;

}

.index_product_list .list_text {

	font-size: 12px;

}



.platform_advantage {

	background: #fff url(../image/01411.jpg) center no-repeat;

	padding: 45px 0;

	position: relative;

	overflow: hidden;

}



.eqi_advantage{width:100%;background:#fff;padding:20px 0}

.eqi_advantage .all_title2{color:#1a1a1a}



.eqi_list {display:flex;justify-content:space-around}

.eqi_list li{border:1px solid #ccc;background:#fff;padding:25px 15px;color: #888;margin:0 5px 50px;display:flex;flex-flow:column;justify-content:space-between}

.eqi_list li .box1{text-align:center}

.eqi_list li .box1 h5{font-size:20px;color:#333}

.eqi_list li .box1 p{margin:10px 0 15px}

.eqi_list li .box2{margin:20px 0;border-top:1px dashed #ececec}

.eqi_list li .box2 p{border-bottom:1px dashed #ececec;padding:6px 0;color:#333}

.eqi_list li .box3{border:1px solid #f56b6b;border-radius:5px;display:flex;padding:10px 5px}

.eqi_list li .box3 span{border-right:1px solid #ececec;line-height:35px;width:50%;text-align:center;color: #f56b6b;font-size:16px}

.eqi_list li .box3 span:last-child{border-right:none}





.index_hezuo{padding:50px 0;background:#f5f5f5}

.hezuo_list{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}

.hezuo_list li{width:180px;height:180px;display:flex;flex-flow:column;justify-content:center;align-items:center;background:#fff}

.hezuo_list li h5{margin-top:15px;font-size:14px}



.arrow {width:90px;height:60px;position:relative;display:inline-block;margin:10px 10px}

.arrow:before, .arrow:after {content:'';border-color:transparent;border-style:solid;position:absolute}

.arrow-right:before {border:none;background-color:#ccc;height:10%;width:30%;top:calc(50% - 5%);left:20%}

.arrow-right:after {left:50%;top:calc( 50% - 8px );border-width:8px 13px;border-left-color:#ccc}





.new_service{padding:0;background:#ebecef;position:relative;width:100%;}

.new_service .service_exp_box{position:absolute;top:9%;left:0%;width:100%;}

.new_service .service_exp{background:rgba(255,255,255,0.85);padding:20px;box-sizing:border-box;border-radius:4px}

.new_service .service_exp ul{margin:0;}

.new_service .service_exp ul li{padding:15px;color:#111;box-sizing: border-box;}

.new_service .service_exp ul li span{display:inline-block;font-family:"Anton-Regular";font-size:20px;margin-bottom:10px;position:relative;width:35px;height:35px;border-radius:50px;line-height:36px;text-align:center;background:#fff;box-shadow:1px 2px 2px #dedede;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;color:#bbb;}

.new_service .service_exp ul li p{font-size:16px;margin-top:5px;position:relative;border-bottom:1px solid #ebecef;padding-bottom:10px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

.new_service .service_exp ul li p:after{position:absolute;content:"";width:10%;height:1px;background:#f35656;left:0px;bottom:-1px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

.new_service .service_exp ul li:hover p:after{width:100%;}

.new_service .service_exp ul li:hover{color:#f35656;}



.index_kehu{background:#f5f5f5;padding:50px 0}

.kehu_slide,.kehu_list{}

.kehu_slide img{width:440px;margin:15px 25px 15px 15px}

.kehu_slide .owl-buttons{margin-top:10px}

.kehu_slide .owl-buttons .owl-prev,.kehu_slide .owl-buttons .owl-next{border:1px solid #979797;width:16px;height:16px;margin:0 5px;line-height:16px;color:#979797!important;font-size:14px!important}



.kehu_slide .kehu_item{display:flex;background:#fff}

.kehu_slide .kehu_item .kuang{display:flex;flex-flow:column;justify-content:center;margin-right:25px}

.kehu_slide .kehu_item h5{color:#fe5955;margin-bottom:15px;font-size:18px}

.kehu_slide .kehu_item p{color:#979797}

.kehu_list{display:flex;margin-top:30px;background:#fff}

.kehu_list>img{width:260px;margin:15px 0 15px 15px}

.kehu_list ul{display:flex;flex-flow:wrap;margin-top:15px}

.kehu_list ul li{margin-left:13.5px}





.eqiseo_case{

	background: #fff url(../image/seobg001.jpg) center no-repeat;

	padding: 45px 0;

	position: relative;

	overflow: hidden;

	background-size: cover;

}



.eqiseo_case .eqiseo_list .owl-item .item{

	padding:1px;

}



.eqiseo_case .eqiseo_list .owl-item .item img{

	max-width:100%;

}







.eqiseo_case .owl-controls{

	margin-top:15px;

}



.eqiseo_case .owl-controls .owl-page span{

	background:#fff;

}



.eqiseo_case .tabs-style-bar nav ul li a{

	color:#fff;

}







.waves_box canvas {

	height: 0px !important;

	width: 100% !important;

}

.response_shows .response_shows_box {

	padding: 0 0 100px;

	position: relative;

	display: inline-block;

	width: 100%;

}

.response_shows .response_shows_box img {

	width: 100%;

}

.response_shows .response_shows_width {

	position: relative;

}

.response_shows .response_shows_box .pic {

	overflow: hidden;

	position: absolute;

	float: none;

	top: 0px;

	right: 0px;

	bottom: 0px;

	left: 0px;

}

.response_shows .response_shows_box .pc {

	position: relative;

	margin-top: -2%;

	max-width: 75%;

	width: 100%;

}

.response_shows .response_shows_box .pc .pic {

	top: 2.5%;

	bottom: 20%;

	left: 2.22%;

	right: 1.5%;

}

.response_shows .response_shows_box .pad {

	position: absolute;

	bottom: 2%;

	right: 0px;

	max-width: 40%;

	width: 100%;

}

.response_shows .response_shows_box .pad .pic {

	top: 3%;

	bottom: 6%;

	left: 2%;

	right: 1.6%;

	overflow: hidden;

}

.response_shows .response_shows_box .phone {

	position: absolute;

	bottom: 0;

	right: 38%;

	max-width: 15%;

	width: 100%;

}

.response_shows .response_shows_box .phone .pic {

	top: 8%;

	bottom: 10.5%;

	left: 5%;

	right: 5%;

}

.response_shows .response_shows_box .item {

	width: 100%;

	height: 101%;

	position: relative;

	float: left;

	-webkit-transition: all 0.8s ease-out;

	-moz-transition: all 0.8s ease-out;

	-ms-transition: all 0.8s ease-out;

	-o-transition: all 0.8s ease-out;

	transition: all 0.8s ease-out;

}

.response_shows .response_shows_box .thumb {

	width: 120px;

	position: absolute;

	left: 50%;

	margin-left: -60px;

	bottom: -10%;

}

.response_shows .response_shows_box .thumb span {

	width: 25px;

	height: 25px;

	position: relative;

	float: left;

	border-radius: 100%;

	cursor: pointer;

	margin: 0 0 0 10px;

}

.response_shows .response_shows_box .thumb span:before {

	content: '';

	width: 12px;

	height: 12px;

	position: absolute;

	top: 5px;

	left: 5px;

	border-radius: 100%;

	border: solid 1px #2D9EDD;

	background: #fff;

	z-index: 1;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

}

.response_shows .response_shows_box .thumb span:hover::before, .response_shows .response_shows_box .thumb span.active:before {

	background: #2D9EDD;

}

.platform_advantage_bg {

	position: relative;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 0;

}

.platform_advantage_bg_z {

	position: relative;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.platform_advantage_bg li {

	position: absolute;

	display: block;

	width: 40px;

	height: 40px;

	background: rgba(255, 255, 255, .15);

	bottom: -160px;

	-webkit-animation: square 28s infinite;

	animation: square 28s infinite;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear

}

.platform_advantage_bg_z li {

	position: absolute;

	display: block;

	width: 40px;

	height: 40px;

	background: rgba(255, 255, 255, .15);

	bottom: -300px;

	-webkit-animation: square_z 22s infinite;

	animation: square_z 22s infinite;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear

}

.platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) {

	left: 10%

}

.platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) {

	left: 20%;

	width: 80px;

	height: 80px;

	-webkit-animation-delay: 200ms;

	animation-delay: 200ms;

	-webkit-animation-duration: 17s;

	animation-duration: 17s

}

.platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) {

	left: 25%;

	-webkit-animation-delay: 400ms;

	animation-delay: 400ms

}

.platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) {

	left: 40%;

	width: 60px;

	height: 60px;

	-webkit-animation-duration: 10s;

	animation-duration: 10s;

	background-color: rgba(255, 255, 255, .25)

}

.platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) {

	left: 70%

}

.platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) {

	left: 80%;

	width: 120px;

	height: 120px;

	-webkit-animation-delay: 3s;

	animation-delay: 3s;

	background-color: rgba(255, 255, 255, .2)

}

.platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) {

	left: 32%;

	width: 100px;

	height: 100px;

	-webkit-animation-delay: 7s;

	animation-delay: 7s

}

.platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) {

	left: 55%;

	width: 20px;

	height: 20px;

	-webkit-animation-delay: 15s;

	animation-delay: 15s;

	-webkit-animation-duration: 40s;

	animation-duration: 40s

}

.platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) {

	left: 25%;

	width: 10px;

	height: 10px;

	-webkit-animation-delay: 2s;

	animation-delay: 2s;

	-webkit-animation-duration: 40s;

	animation-duration: 40s;

	background-color: rgba(255, 255, 255, .3)

}

.platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) {

	left: 90%;

	width: 120px;

	height: 120px;

	-webkit-animation-delay: 11s;

	animation-delay: 11s

}

 @-webkit-keyframes square {

 0% {

 -webkit-transform: translateY(0);

 transform: translateY(0)

}

 100% {

 -webkit-transform: translateY(-1700px)rotate(600deg);

 transform: translateY(-1700px)rotate(600deg)

}

}

 @keyframes square {

 0% {

 -webkit-transform: translateY(0);

 transform: translateY(0)

}

 100% {

 -webkit-transform: translateY(-1700px)rotate(600deg);

 transform: translateY(-1700px)rotate(600deg)

}

}

 @-webkit-keyframes square_z {

 0% {

 -webkit-transform: translateY(0);

 transform: translateY(0)

}

 100% {

 -webkit-transform: translateY(-700px)rotate(500deg);

 transform: translateY(-700px)rotate(500deg)

}

}

 @keyframes square_z {

 0% {

 -webkit-transform: translateY(0);

 transform: translateY(0)

}

 100% {

 -webkit-transform: translateY(-700px)rotate(500deg);

 transform: translateY(-700px)rotate(500deg)

}

}





.index-anli{

	padding:20px 0;

	display:-webkit-box;

	-webkit-box-pack:center;

}

.index-anli ul li{

	float:left;

	margin:15px 20px;

}

.index-anli ul li a{

	color:white;

	padding:10px;

	cursor:pointer;

}



.index-anli ul li.active a{

	background-color:white;

	color:#359dda;

}



.index-anli ul li a:hover{

	background-color:white;

	color:#359dda;

}









.marketing_advantage {

	padding: 50px 0;

	background: url(../image/0181.jpg) center no-repeat;

	background-size:cover;

	background-attachment:fixed;

}

.marketing_advantage_content {

	margin-left: -15px;

}

.marketing_advantage_list {

	position: relative;

	margin: 0 0 15px 15px;

	transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

	overflow: hidden;

	max-height:236px;

}

.marketing_advantage_brief {

	position: absolute;

	top: 30%;

	padding: 0 40px;

}

.marketing_advantage_brief .brief_title {

	font-size: 16px;

	color:#4d4d4d;

	margin-bottom: 10px;

}



.marketing_advantage_list .anli_box{

	position:absolute;

	width:100%;

	background:rgba(255,255,255,0.9);

	bottom:0;

	padding:5px;

	box-sizing:border-box;

}



.marketing_advantage_list .anli_box a{

	display:inline-block;

	width:100%;

	color:#1a1a1a;

	font-size:14px;

}



.marketing_advantage_list .anli_box p{

	width:100%;

	color:#555;

	font-size:12px;

	padding:3px 0;

    text-indent: 0em;

	line-height: 20px;

	margin:0 0px;

	text-align:left

}



@media(max-width:414px){

	.marketing_advantage_list .anli_box p{

	display:none;

}

}



.marketing_advantage_brief .brief_title span {

	margin-left: 15px;

}

.marketing_advantage_brief .brief_text {

	font-size: 12px;

	color: #6e6e6e;

	line-height: 1.6;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

}

.marketing_advantage_list:hover {

	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);

	transform: translate3d(0, -5px, 0);

	-webkit-transform: translate3d(0, -5px, 0);

}

.marketing_advantage_list:hover .brief_text {

	color: #333;

}





.about-left img{

	width:100%;

}



.about-nav ul li{

	float:left;

	margin:0 20px;

	padding-bottom:30px;

}

.about-nav ul li a{

	cursor:pointer;

	color:#555;

	padding:10px;

	border:1px solid white;

}



.about-nav ul li.active a{

	border:1px solid #359dda;

	color:#359dda;

}



.about-nav ul li a:hover{

	border:1px solid #359dda;

	color:#359dda;

}

.about-right{

	padding-top:5px;

}



.about-right p{

	font-size:14px;

	color:#787878;

	line-height:26px;

	text-align: left;

}



.about-right h5{

	font-size:16px;

	color:#555;

	text-align: left;

}



.about-right img{

	margin-right: 20px;

}







.partners {

	padding: 100px 0;

}

.partners_content {

	text-align: center;

	padding: 0 30px;

}

.partners_content_list {

	display: inline-block;

	margin: 20px 10px;

	transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

}

.partners_content_list:hover {

	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

	transform: translate3d(0, -5px, 0);

	-webkit-transform: translate3d(0, -5px, 0);

}

.join_in {

	padding:100px 0;

	background: url("../image/033.jpg") center no-repeat;

	text-align: center;

	background-attachment: fixed;

	position:relative;z-index:9

}

.join_in_title {

	font-size: 36px;

	color: #fff;

	margin-top:50px;

}

.join_in_title span {

	color: #f56b6b;

}

.join_in_text {

	color: #e3e3e3;

	font-size: 18px;

	margin: 15px 0 50px 0;

}

.join_in_button{

	padding: 8px 60px;

	margin-bottom:10px;

}



.exper_callus{width:100%;bottom:0;left:0;z-index:10;margin-bottom:-90px;position:relative;}

.exper_callus .left_exper{background:#e95656;padding:25px 15px 43px 15px;text-align:center;color:#fff;position:relative;box-sizing:border-box;}

.exper_callus .left_exper span{position:relative;font-size:40px;letter-spacing:10px;z-index:999;}

.exper_callus .left_exper span:nth-child(01){font-family:"Anton-Regular";font-size:130px;text-shadow:2px 2px 2px #961b1b;}

.exper_callus .left_exper p{position:relative;font-size:30px;letter-spacing:2px;z-index:99;}

.exper_callus .left_exper p:before{position:absolute;content:"\f080";font-family:"FontAwesome";left:-2px;bottom:-72px;font-size:150px;color:#ff5a5a;z-index:-1;}

.exper_callus .exper_box{background:#f7f8f9;padding:15px;text-align:left;position:relative;box-sizing: border-box;}

.exper_callus .exper_box p{border-bottom:1px solid #e8e8e8;padding-bottom:15px;margin-bottom:15px;padding-left:5px}

.exper_callus .exper_box p:nth-child(01){font-size:30px;color:#d23e3e;}

.exper_callus .exper_box p:nth-child(02){font-size:20px;color:#111;}

.exper_callus .exper_box p:nth-child(04){font-size:16px;color:#333;}

.exper_callus .exper_box i{display:inline-block;margin-right:15px;font-size:18px;color:#d23e3e;}

.exper_callus .exper_box p:nth-child(04) i{margin-right:20px;}

.exper_box .exper_contact{margin-top:15px;}

.exper_box .exper_contact a{position:relative;font-size:14px;background:#fff;display:inline-block;padding:6px 15px 6px 35px;margin-right:10px;border-radius:50px;}    

.exper_box .exper_contact a:before{position:absolute;font-family:"FontAwesome";content:"\f095";left:15px;bottom:5px;color:#d23e3e;}



.exper_zixun{margin-top:15px;padding-left:5px;position:absolute;top:4px;right:17px;}

.exper_zixun a{font-size:16px;background:#f56b6b;display:inline-block;padding:6px 12px 6px 45px;color:#fff;position:relative;border-radius:50px;}

.exper_zixun a:before{content:"\f0e6";font-family:"FontAwesome";position:absolute;left:12px;bottom:4px;font-size:20px;color:#fff;}



.news-d {

	margin: 0 10px;

	text-align:center;

	box-shadow: 2px 2px 5px #cbcbcb;

}

.news_d_center .text {

    color: #818181;

    margin-top: 15px;

}



.news-d_title {

	font-size: 18px;

	color: #333;

	margin: 20px 0;

}

.news-d p{

	font-size:14px;

	color:#818181;

	margin: 0px 10px;

    padding-bottom: 10px;



}

.news_d_center{

	margin:20px 0;

	padding:40px 0;

}



.net_d_center{margin:50px 0;display:flex;flex-flow:wrap;text-align:center}

.net_d_center li{width:33.333%;position:relative;overflow:hidden}

.net_d_center li a{color:#fff}

.net_d_center li img{max-width:100%;transition-duration:0.5s}

.net_d_title{position:absolute;top:20%;left:10%;width:80%;transition-duration:0.5s}

.net_d_title h5,.net_d_kuang h5{font-size:36px}

.net_d_kuang{position:absolute;top:10%;left:10%;width:80%;height:80%;background-color:rgba(199,21,28,.8);opacity:0;display:flex;flex-flow:column;justify-content:center;transition-duration:0.5s}

.net_d_kuang p{margin:10px 20px 0}



.net_d_center li:hover .net_d_kuang{opacity:1}

.net_d_center li:hover .net_d_title{opacity:0}

.net_d_center li:hover img{transform:scale(1.2)}



@media screen and (max-width: 768px){

	.net_d_center li{width:100%}

}



.wltuiguang{

	margin:10px 0;

	padding:15px;

	box-sizing:border-box;

}



.news_center {

	padding: 0px 0;

	margin-bottom:50px;

}



.news_center .tabs nav{

	margin:10px 0;

	border-bottom: 1px solid #dedede;

}



.news_center .tabs nav ul li{

	margin:0;

	padding:0 15px;

	border-right:1px solid #dedede;

}



.news_center .tabs nav ul li a{

	border:none;

	border-bottom:2px solid #fff;

	font-size:16px;

	color:#333;

	padding:0 0 5px 0;

	line-height:20px;

}



.news_center .tabs nav ul li:last-child{

	border-right:none;

}



.news_center .tabs nav ul li.tab-current a{

	border-bottom:2px solid #f35555;

	color:#f35555;

}



.news_center .all_title1{

    margin-bottom:5px;

}



.index_news_list .left_news{

	text-align:left;

}



.index_news_list .left_news .news_mess{

	margin-top:20px;

	border-top:1px solid #dedede;

}



.index_news_list .left_news .news_mess a{

	font-size:18px;

	color:#000;

	display:block;

	position:relative;

	padding:15px 0;

}



.index_news_list .left_news .news_mess a:before{

	position:absolute;

	content:"";

	top:0;

	left:0;

	width:10%;

	height:1px;

	background:#000;

	transition: all 0.4s;

	-moz-transition: all 0.4s;

	-webkit-transition: all 0.4s;

}



.index_news_list .left_news .news_mess p{

	font-size:14px;

	color:#888;

	text-indent:0;

	margin-bottom:10px;

}



.index_news_list .left_news .news_mess span.time{

	font-size:14px;

	color:#111;

	position:relative;

}



.index_news_list .left_news .news_mess span.time:after{

	position:absolute;

	content:"";

	top:6px;

	right:-70px;

	width:60px;

	height:1px;

	background:#111;

}



.index_news_list .left_news:hover .news_mess a:before{

	width:100%;

}



.news_center_list{

	margin-left: 60px;

	text-align: left;

}



.news_center_list li{padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #dedede;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;}



.news_center_list .news_mess a{

	font-size:16px;

	color:#333;

}



.news_center_list .news_mess p{

	font-size:14px;

	color:#888;

	line-height:24px;

	text-indent:0;

	margin:15px 0;

}



.news_center_list .time span{

	font-size:14px;

	color:#888;

	position:relative;

}



.news_center_list li:after{

	position:absolute;

	content:"";

	width:3%;

	height:1px;

	background:#f35555;

	bottom:-1px;

	left:0;

	transition: all 0.4s;

	-moz-transition: all 0.4s;

	-webkit-transition: all 0.4s;

}



.news_center_list ul li:hover:after{

	width:100%;

} 



.news_center_list_img {

	overflow: hidden;

	border:1px solid #d7d9dc;

}

.news_center_list_img img {

	max-width: 100%;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

}

.news_center_list_img:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}



.news_center_list ul li:hover .news_mess a , .index_news_list .left_news:hover .news_mess a{

	color:#f35555;

}



.youqing{

	margin-top:40px;

	margin-bottom:0px;

	padding:10px;

}



.yl_content{width:100%;}

.yl_content .tabs nav ul{text-align:left;border-bottom:1px solid #dedede;margin-top:20px;display:block;}

.yl_content .tabs nav ul li{display:inline-block;float:none;margin-right:15px;margin-left:0;margin-bottom:0;}

.yl_content .tabs nav ul li a{padding:0;border:none;line-height:20px;font-weight:bold;position:relative;display:inline-block;padding-bottom:20px;}  

.yl_content .tabs nav ul li a:before{position:absolute;content:"";width:0%;height:1px;left:0;bottom:-1px;background:#f56b6b;}

.yl_content .tabs nav ul li.tab-current a:before{width:100%;}



.youqing-one ul li.title-you{

	font-size:18px;

	color:#333;

}

.youqing-one ul li{

	line-height:26px;

	float:left;

	font-size:14px;

	color:#444;

	margin:0 5px;

}



.youqing-one ul li a{

	color:#7e7e7e;

}



.youqing-one ul li a:hover{

	color:#000;

}



.foot_two{margin-top:30px;}



.foot_two p{color:#fff;}



.foot_two ul#frientLinks{margin-top:20px;}





.footer {

	/* margin-top: 50px; */

	background: url(../image/0371.jpg) center top repeat;

	background-size: cover;

}

.footer_content {

	padding: 50px 0;

	overflow: hidden;

	margin-left: -70px;

}

.footer_list {

	margin-left: 70px;

}

.quick_navigation_title, .footer_link_title, .footer_cotact_title {

	color: #fff;

	font-size: 16px;

	margin-bottom: 10px;

	background: url(../image/address002.png)left no-repeat;

    background-size: 15px;

    padding-left: 25px;

}

.quick_navigation {

	/* padding-left: 50px; */

}



.quick_navigation p{

	color:#fff;

}

.quick_navigation ul li a {

	display: block;

	margin-bottom: 10px;

	color: #8A8A8A;

	font-size: 14px;

}

.quick_navigation ul li a:hover {

	color: #fff;

}

.footer_link ul li {

	float: left;

}

.footer_link ul li a {

	display: block;

	margin: 0 1px 1px 0;

	background: #c6383a;

	color: #fff;

	font-size: 14px;

	padding: 5px 16px;

}

.footer_link ul li a:hover {

	color: #fff;

	background: #ff6969;

}



.footer_link .foot-_weixin{

	margin:10px 0;

}



.footer_link .foot-_weixin img{

	width:100px;

}





.footer_cotact {

	color:#b0b0b0;

	font-size: 14px;

}



.footer_cotact h5{

	color:#fff;

	font-size: 14px;

	margin:5px 0;

}



.footer_cotact .footer_cotact_type {

	width: 15%;

	display: block;

	float: left;

}

.footer_cotact .footer_cotact_content {

	width: 85%;

	display: block;

	float: left;

}

.footer_cotact ul li {

	margin-bottom: 5px;

	overflow: hidden;

}

.footer_cotact ul li a {

	color: #fff;

}

.footer .copyright {

	text-align: center;

	padding: 8px 10px;

	color: #fff;

	background: #000;

	font-size: 12px;

}

.z_banner {

	background: url(img/0555.jpg) center repeat;

	text-align: center;

	background-size:cover;

	padding: 170px 0;

	position:relative;

	    margin-bottom: 50px;

}

.z_banner_title {

	font-size: 34px;

	color: #fff;

	margin-bottom: 10px;

}

.z_banner_text{

	font-size: 16px;

	color: #fff;

	background: rgba(60, 148, 241, .85);

	border-radius: 50px;

	padding: 5px 0;

}



.z_banner_text a{color:#fff;}



.case_show_content {

	margin: 50px 0;

	border-bottom: solid 1px #F7F7F7;

	overflow: hidden;

}

.case_show_list {

	overflow: hidden;

	padding-top: 50px;

	border-top: solid 1px #F7F7F7;

}

.case_show_list .case_show_pic img{max-width:470px}

.case_show_brief_title {

	color: #333;

	font-size: 16px;

}

.case_show_brief_title span {

	color: #8a8a8a;

}

.case_show_brief_text {

	color: #8a8a8a;

	margin: 20px 60px 30px 0;

	line-height: 1.8;

}

.case_show_brief_button .all_button {

	padding: 8px 35px;

	margin-right:15px;

}

.case_show_more {

	padding: 50px 0;

	text-align: center;

}

.case_show_more .all_button {

	padding: 8px 50px;

}

.know_more {

	text-align: center;

	padding: 50px 0;

}

.know_more_text {

	font-size: 16px;

	color: #818181;

	margin-bottom: 20px;

}

.know_more .all_button {

	margin: 0 15px;

}

.z_banner_input {

	position: relative;

	width: 100%;

	max-width: 800px;

	margin: 50px auto 40px auto;

}

.z_banner_input input {

	background: rgba(60, 148, 241, .8);

	color: #fff;

	border: solid 1px #fff;

	width: 100%;

	height: 50px;

	line-height: 50px;

	border-radius: 3px;

	text-indent: 20px;

}

.z_banner_input input::-webkit-input-placeholder { /* WebKit browsers */

    color:    #fff;

}

.z_banner_input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color:    #fff;

}

.z_banner_input input::-moz-placeholder { /* Mozilla Firefox 19+ */

    color:    #fff;

}

.z_banner_input input:-ms-input-placeholder { /* Internet Explorer 10+ */

    color:    #fff;

}

.z_banner_input img {

	position: absolute;

	top: 10px;

	right: 20px;

	cursor: pointer;

}

.hot_search {

	width: 100%;

	max-width: 800px;

	margin: 0 auto;

}

.hot_search ul li {

	float: left;

	color: #C2D6F9;

	margin-right: 20px;

}

.hot_search ul li a {

	color: #A3BBE0;

}

.hot_search ul li a:hover {

	color: #C2D6F9;

}

.support_type {

	margin: 50px 0 0 0;

}

.support_type_content {

	margin-left: -50px;

}

.support_type_list {

	display: block;

	border: solid 1px #F2F2F2;

	text-align: center;

	padding: 10px 0;

	color: #7b7b7b;

	margin-left: 50px;

	margin-top:15px;

	position: relative;

	overflow: hidden;

	z-index: 1;

}

.support_type_list.active {

	color: #fff;

	background: #3DA6F7;

	border: solid 1px #3DA6F7;

}

.support_type_list.normal:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	width: 0;

	height: 100%;

	background: #3DA6F7;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

	z-index: -1;

}

.support_type_list.normal:hover:before {

	width: 100%;

}

.support_type_list.normal:hover {

	color: #fff;

	background: #3DA6F7;

	background: rgba(0, 0, 0, 0);

	border: solid 1px #3DA6F7;

	border: solid 1px rgba(0, 0, 0, 0);

}

.technical_support {

	/* background: #F5F7F9; */

	overflow: hidden;

	padding: 50px 0 0 0;

}

.technical_support_content {

	overflow: hidden;

	margin-left: -30px;

}

.technical_support_list {

	margin-left: 30px;

	overflow: hidden;

}

.technical_support_type {

	background: #fff;

}

.technical_support_type .title {

	background: url(../image/074.png) center no-repeat;

	color: #fff;

	font-size: 16px;

	text-indent: 35px;

	padding: 15px 0;

	position: relative;

}

.technical_support_type .title span {

	position: absolute;

	top: 13px;

	right: 20px;

	display: none;

}

.technical_support_type .title span img {

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	transition: 0.4s all;

	-webkit-transition: 0.4s all;

}

.technical_support_type .title span.active img {

	transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

}

.technical_support_type ul li {

	position: relative;

	z-index: 1;

}

.technical_support_type ul li:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%);

	width: 0;

	height: 100%;

	background: #fafafa;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

	z-index: -1;

}

.technical_support_type ul li a {

	display: block;

	color: #4e4e4e;

	padding: 15px 0;

	margin: 0 10px;

	border-bottom: solid 1px #F7F7F7;

	text-indent: 25px;

}

.technical_support_type ul li:last-child a, .technical_support_type ul li:hover:last-child a {

	border: none;

}

.technical_support_type ul li:hover:before {

	width: 100%;

}

.technical_support_type ul li:hover a {

	background: #3DA6F7;

	background: rgba(0, 0, 0, 0);

	border-bottom: solid 1px #3DA6F7;

}

.technical_support_type ul li:first-child.active {

	border-top: none;

}

.technical_support_type ul li.active {

	background: #3DA6F7;

	border-bottom: solid 1px #fff;

	border-top: solid 1px #fff;

}

.technical_support_type ul li.active a {

	color: #fff;

	border-bottom: solid 1px #3DA6F7;

}

.technical_support_type ul li.active:hover:before {

	display: none;

}

.technical_support_box {

	padding: 30px 20px;

	background: #fff;

}

.technical_support_box .title {

	font-size: 16px;

	color: #4e4e4e;

	text-indent: 10px;

}

.technical_support_box ul {

	margin: 15px 0;

	padding: 10px 0;

	border-top: solid 1px #F7F7F7;

	border-bottom: solid 1px #F7F7F7;

}

.technical_support_box ul li a {

	display: block;

	overflow: hidden;

	color: #9a9a9a;

	position: relative;

	z-index: 1;

	padding: 10px;

}

.technical_support_box ul li a:before {

	z-index: -1;

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #FAFAFA;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transform: scale3d(1, 0.1, 1);

	transform: scale3d(1, 0.1, 1);

	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;

	transition: transform 0.5s, opacity 0.5s;

	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}

.technical_support_box ul li a, .technical_support_box ul li a:before {

	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}

.technical_support_box ul li a:hover:before {

	opacity: 1;

	filter: alpha(opacity=100);

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.technical_support_box ul li a:hover {

	color: #333;

}

.technical_support_box ul li a .text {

	float: left;

	width: 85%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.technical_support_box ul li a .time {

	float: right;

	width: 15%;

	text-align: right;

}

.technical_support_page {

	padding: 0 20px 30px 20px;

	overflow: hidden;

	background: #fff;

}

.technical_support_page ul li {

	float: left;

}

.technical_support_page ul li a {

	display: block;

	width: 30px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	border: solid 1px #D1D1D1;

	border-radius: 3px;

	color: #c1c1c1;

	margin-right: 15px;

}

.technical_support_page ul li a.active, .technical_support_page ul li a:hover {

	background: #3c9af2;

	color: #fff;

	border: solid 1px #3c9af2;

}

.technical_support_page ul li a.disable {

	cursor: not-allowed;

}

.technical_support_page ul li a.disable:hover {

	color: #c1c1c1;

	background: #fff;

	border: solid 1px #D1D1D1;

}

.technical_support_box_z {

	background: #fff;

	padding: 30px;

}

.technical_support_box_z_header .title {

	color: #4E4E4E;

	font-size: 24px;

}

.technical_support_box_z_header ul {

	overflow: hidden;

	margin-top: 10px;

}

.technical_support_box_z_header ul li {

	float: left;

	font-size: 12px;

	color: #989898;

	margin-right: 20px;

}

.technical_support_box_z_info_box {

	border-top: solid 1px #F7F7F7;

	border-bottom: solid 1px #F7F7F7;

	margin: 30px 0;

	padding: 30px 0;

}

.technical_support_box_z_info img {

	max-width: 100%;

	height: auto !important;

}

.technical_support_page_z {

	background: #fff;

	overflow: hidden;

	padding: 0 30px 30px 30px;

}

.technical_support_page_z a {

	display: inline-block;

	padding: 8px 45px;

	background: #fff;

	border: solid 1px #F7F7F7;

	color: #9a9a9a;

	border-radius: 3px;

}

.technical_support_page_z a.active, .technical_support_page_z a:hover {

	background: #3F98F2;

	color: #fff;

	border: solid 1px #3F98F2;

}

.technical_support_page_z a.page_next {

	float: right;

}

.template_search {

	text-align: center;

	margin: 50px 0;

	overflow: hidden;

}

.template_search_select {

	display: inline-block;

	margin: 0 30px;

}

.template_search_select select {

	color: #adadad;

	width: 280px;

	height: 40px;

	text-indent: 15px;

	border: solid 1px #F0F0F0;

	border-radius: 3px;

	cursor: pointer;

}

.template_search_select option {

	color: #adadad;

}

.template_search_button {

	display: inline-block;

	margin: 0 30px;

}

.template_search_button .all_button {

	display: initial;

}

.template_show_content {

	position: relative;

	overflow: hidden;

}

.template_show_content:before {

	content: "";

	width: 1px;

	height: 100%;

	position: absolute;

	top: 0;

	left: 50%;

	background: #F7F7F7;

}

.template_show_list_box {

	border-bottom: solid 1px #F7F7F7;

}

.template_show_list {

	width: 96%;

	max-width: 540px;

	margin: 0 auto;

	padding: 80px 0;

}

.template_show_list_text {

	margin: 25px 0;

	overflow: hidden;

}

.template_show_list_text ul li {

	float: left;

	margin-right: 30px;

	color: #9a9a9a;

}

.template_show_list_text ul li span {

	color: #636363;

}

.template_show_list_button a:last-child {

	float: right;

}

.template_show_list_button .all_button {

	padding: 8px 40px;

}

.template_show .know_more {

	border-top: solid 1px #F7F7F7;

}

.introduce {

	padding-top: 100px;

}

.introduce_content {

	overflow: hidden;

}

.introduce_list_brief {

	margin: 0 50px 20px 0;

}

.introduce_list_title {

	font-size: 16px;

	color: #333;

	font-weight: 600;

	margin-bottom: 5px;

}

.introduce_list_text {

	color: #969696;

}

.cloud_platform {

	padding: 100px 0;

	background: url(../image/076.jpg) center top repeat;

}

.cloud_platform_content {

	overflow: hidden;

	margin: 80px 0 80px -30px;

}

.cloud_platform_list {

	display: block;

	margin-left: 30px;

	background: #fff;

	text-align: center;

	padding: 60px 20px;

}

.cloud_platform_list_title {

	font-size: 16px;

	color: #333;

}

.cloud_platform_list_text {

	color: #aeaeae;

	height: 40px;

	line-height: 20px;

	overflow: hidden;

	margin-top: 10px;

}

.cloud_platform_solution {

	text-align: center;

	color: #fff;

}

.cloud_platform_solution .title {

	font-size: 24px;

}

.cloud_platform_solution .text {

	color: #c0e3ff;

	margin-top: 10px;

}

.industry {

	padding: 100px 0;

}

.industry_content {

	margin-top: 50px;

	overflow: hidden;

}

.industry_list_img {

	text-align: center;

}

.industry_list_left {

	text-align: right;

	padding-right: 60px;

}

.industry_list_rigth {

	text-align: left;

	padding-left: 60px;

}

.industry_list_brief {

	margin-bottom: 40px;

}

.industry_list_title {

	color: #474747;

	font-size: 18px;

	margin-bottom: 30px;

}

.industry_list_brief_title {

	color: #464646;

}

.industry_list_brief_text {

	margin-top: 5px;

	height: 40px;

	line-height: 20px;

	color: #9c9c9c;

	overflow: hidden;

}

.advantage_project {

	padding-top: 100px;

	background: url(../image/079.jpg) center bottom repeat;

}

.advantage_project_content {

	overflow: hidden;

	margin: 50px 0 0 -30px;

}

.advantage_project_list {

	overflow: hidden;

	margin: 0 0 100px 30px;

}

.advantage_project_list_brief {

	padding-left: 10px;

	color: #fff;

}

.advantage_project_list_brief .title {

	font-size: 16px;

}

.advantage_project_list_brief .text {

	font-size: 12px;

	height: 40px;

	line-height: 20px;

	overflow: hidden;

}

.marketing_support {

	padding: 100px 0;

}

.marketing_support_content {

	overflow: hidden;

	margin-left: -20px;

}

.marketing_support_list {

	margin-left: 20px;

}

.marketing_support_list_brief {

	margin-top: 30px;

}

.marketing_support_list_brief .title {

	color: #383838;

	font-size: 18px;

}

.marketing_support_list_brief .text {

	color: #686868;

	height: 40px;

	line-height: 20px;

	overflow: hidden;

}

/* 建站流程 */

.proxy_process {

	padding: 100px 0;

	background: #3BA1F2;

}

.proxy_process_line {

	height: 15px;

	width: 96%;

	max-width: 1000px;

	margin: 0 auto;

	background: #fff;

	margin-top: 60px;

}

.proxy_process_content {

	margin: -55px 0 0 -60px;

}

.proxy_process_list {

	display: block;

	text-align: center;

	margin-left: 60px;

}

.proxy_process_list_top {

	width: 90px;

	height: 90px;

	text-align: center;

	line-height: 90px;

	margin: 0 auto;

	border-radius: 100%;

	background: #fff;

	color: #3ba1f2;

	font-size: 48px;

	overflow: hidden;

	position: relative;

	z-index: 1;

}

.proxy_process_list_top:before {

	content: "";

	width: 70px;

	height: 70px;

	background: #fff;

	background: rgba(59, 161, 242, 1);

	border-radius: 100%;

	position: absolute;

	top: 12%;

	left: 12%;

	z-index: -1;

	opacity: 0;

	transform: scale(0);

	-webkit-transform: scale(0);

	transition: 0.4s all;

	-webkit-transition: 0.4s all;

}

.proxy_process_list_middle {

	width: 15px;

	height: 15px;

	background: #fff;

	margin: -1px auto 0 auto;

}

.proxy_process_list_bottom {

	background: #fff;

	padding: 30px 0;

	min-height: 90px;

	border-radius: 5px;

}

.proxy_process_list_bottom .title {

	color: #3b3b3b;

	font-size: 18px;

	margin-bottom: 10px;

}

.proxy_process_list_bottom .text {

	color: #939393;

	height: 40px;

	line-height: 20px;

	overflow: hidden;

}

.proxy_process_list:hover .proxy_process_list_top:before {

	opacity: 1;

	transform: scale(1);

	-webkit-transform: scale(1);

}

.proxy_process_list:hover .proxy_process_list_top {

	color: #3ba1f2;

	color: rgba(255, 255, 255, 1);

}

.proxy_process_list:hover .proxy_process_list_bottom .text {

	color: #333;

}

/* seo流程 */

.seo_pro {

	padding: 100px 0;

	background: #38b3b7;

}

.seo_pro_line {

	height: 15px;

	width: 96%;

	max-width: 1000px;

	margin: 0 auto;

	background: #fff;

	margin-top: 60px;

}

.seo_pro_content {

	margin: -55px 0 0 -60px;

}

.seo_pro_list {

	display: block;

	text-align: center;

	margin-left: 60px;

}

.seo_pro_list_top {

	width: 90px;

	height: 90px;

	text-align: center;

	line-height: 90px;

	margin: 0 auto;

	border-radius: 100%;

	background: #fff;

	color: #38b3b7;

	font-size: 48px;

	overflow: hidden;

	position: relative;

	z-index: 1;

}

.seo_pro_list_top:before {

	content: "";

	width: 70px;

	height: 70px;

	background: #fff;

	background: #38b3b7;

	border-radius: 100%;

	position: absolute;

	top: 12%;

	left: 12%;

	z-index: -1;

	opacity: 0;

	transform: scale(0);

	-webkit-transform: scale(0);

	transition: 0.4s all;

	-webkit-transition: 0.4s all;

}

.seo_pro_list_middle {

	width: 15px;

	height: 15px;

	background: #fff;

	margin: -1px auto 0 auto;

}

.seo_pro_list_bottom {

	background: #fff;

	padding: 30px 0;

	min-height: 90px;

	border-radius: 5px;

}

.seo_pro_list_bottom .title {

	color: #3b3b3b;

	font-size: 18px;

	margin-bottom: 10px;

}

.seo_pro_list_bottom .seo_process {

	color: #939393;

	line-height: 20px;

	padding:10px;

}

.seo_pro_list:hover .seo_pro_list_top:before {

	opacity: 1;

	transform: scale(1);

	-webkit-transform: scale(1);

}

.seo_pro_list:hover .seo_pro_list_top {

	color: #3ba1f2;

	color: rgba(255, 255, 255, 1);

}

.seo_pro_list:hover .seo_pro_list_bottom .text {

	color: #333;

}

.h82 {

	height: 82px;

	padding: 0px;

}

.page_num_box {

	float: right;

}

.page_num_box ul li {

	float: left;

}

.page_num_box ul li a {

	display: block;

	border: solid 1px #E9E9E9;

	padding: 3px 0;

	width: 25px;

	text-align: center;

	font-size: 12px;

}

.page_num_box ul li a:hover, .page_num_box ul .page_num_active {

	background: #008BD6;

	color: #fff;

	border: solid 1px #008BD6;

}

.news_banner {

	padding: 40px 0;

}

/*

*  Author:????(Jabo)

*  Time: 2016/07/19

*  Dec: ??????????????

*/



/*????????????li*/



/*

.header .header_menu ul li:last-child {

    display:none;

}*/



/*?????IE?????*/

.header .header_menu ul .nav-last-li {

	display: none;

}

 @media screen and (max-width: 1199px) {

.header .header_menu ul li:last-child {

	display: block;

	line-height: 40px;

}

.header .header_menu ul li:last-child a {

	display: inline;

	padding: 0 20px;

	border: none;

}

.header .header_menu ul li:last-child span {

	color: #fff;

	filter: alpha(opacity=20); /* IE ?????20% */

	opacity: 0.8;

}

.header .header_menu ul li:last-child a:hover {

	border: none;

}

}

/**

 * AUTHOR:????(Jabo)

 * TIME:2016/07/25

 * DESC:???????

 * */



.template_show_list_button .all_button {

	padding: 6px 30px;

}

.template_show_list_button .all_button:first-child {

	float: right;

	margin-left: 25px;

}

.template_show_list {

	width: 82%;/*	padding: 80px 0;*/

	/*padding-right: 10px;*/

}

.template_show-container {

	background: #F5F5F5;

	height: 100%;

	padding: 10px 10px 68px 10px;

}

.template_show_list_text {

	position: absolute;

	margin: 22px 0 12px 0;

}

.template_show_list_pic img {

	background: transparent;

	background-color: rgba(0, 0, 0, 0);

}

.template_show_list_pic {

	position: relative;

}

.template_show_list_pic .front-model {

/*position: relative;*/

}

.template_show_list_pic .front-img {

	position: absolute;

	transition: all 0.3s;

}

.template_show_list_pic .front-img:hover {

	opacity: 0;

	filter: Alpha(opacity=0);

}

.template_show_list_button {

	margin-top: 28px;

}

.template_show_list_text h3 {

	color: #636363;

	padding-bottom: 3px;

}

.template_show_list_text p {

	color: #9A9A9A;

}

.web_tip {

	margin: 76px 0 36px;

	text-align: center;

	position: relative;

}

.web_tip:before {

	content: "";

	position: absolute;

	top: 12px;

	left: 0;

	right: 0;

	width: 80%;

	max-width: 600px;

	margin: 0 auto;

	border-bottom: 1px solid #eee;

}

.web_tip h4 {

	font-size: 16px;

	position: relative;

	display: inline-block;

	background-color: #fff;

	padding: 0 30px;

	z-index: 1;

}

.web_tip .create_web {

	margin-top: 18px;

}

.web_tip a {

	display: inline-block;

	padding: 6px 30px;

	background: #3B9EF3;

	border-radius: 3px;

	color: #fff;

	border: solid 1px #3B9FF2;

	transition: all 0.3s;

}

.web_tip a:hover {

	background: transparent;

	color: #3B9FF2;

}

 @media only screen and (max-width: 1110px) {

.web_tip h4 {

	padding: 0 26px;

}

.template_show_list_text {

	position: relative;

	margin: 22px 0 12px 0;

	text-align: center;

}

.template_show_list_button {

	margin-top: 12px;

	text-align: center;

}

.template_show_list_button .all_button:first-child {

	float: none;

	margin-left: 0;

}

.template_show_list_button a:last-child {

	float: none;

}

.template_show-container {

	padding: 10px 10px 18px 10px;

}

.web_tip {

	margin: 50px 0 26px;

}

}

 @media only screen and (min-width: 420px) and (max-width: 770px) {

.web_tip h4 {

	padding: 0 20px;

}

.web_tip {

	margin: 40px 0 16px;

}

.template_show_list_button .all_button:first-child {

	margin-left: 0;

}

}

 @media only screen and (max-width: 420px) {

.web_tip h4 {

	padding: 0 15px;

}

.web_tip {

	margin: 40px 0 6px;

}

.template_show_list {

	padding: 30px 0 !important;

}

}

 @media only screen and (max-width: 322px) {

.web_tip:before {

	display: none;

}

}

/*

 * @Autor:Jabo(????)

 * Time:2016/09/07

 * Desc:????????

 */



.support_type_content .kzf-mod-center {

	position: relative;

	left: 50%;

	-webkit-transform: translateX(-25%);

	-moz-transform: translateX(-25%);

	-ms-transform: translateX(-25%);

	transform: translateX(-25%);

}

.kzf-mod-new-container {

	margin-bottom: 95px;

}

.kzf-mod-new-container .container {

	max-width: 900px;

}

.kzf-mod-new-container .kzf-mod-new-li {

	position: relative;

	overflow: hidden;

	padding: 10px 0;

	margin: 4px 0;

}

.kzf-mod-new-container .kzf-mod-new-li:after {

	content: "";

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	width: 0;

	background: #3DA6F7;

	z-index: -1;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s;

}

.kzf-mod-new-container .kzf-mod-new-li:hover:after {

	right: 0;

	width: 100%;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {

	padding: 6px 0;

	border-right: 1px solid #eee;

	text-align: center;

	color: #ccc;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s;

}

.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-time-box {

	color: #fff;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {

	padding: 12px 40px;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {

	font-size: 36px;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year {

	font-size: 14px;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {

	position: relative;

	font-size: 16px;

	color: #767676;

	line-height: 24px;

	padding-bottom: 12px;

	text-indent: 16px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title:before {

	content: "";

	position: absolute;

	top: 6px;

	left: 0;

	border: 7px solid;

	border-color: transparent transparent transparent #afafaf;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text {

	font-size: 14x;

	color: #b2b2b2;

	line-height: 24px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s;

}

.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title {

	color: #fff;

}

.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-text {

	color: #fff;

}

.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title:before {

	border-left-color: #fff;

}



.kzf-mod-new-container .kzf-mod-new-btn-more {

	text-align: center;

	padding: 55px 0;

}



.kzf-mod-new-container .kzf-mod-new-btn-more a {

	margin:5px;

	float:left;

	padding: 10px 25px;

	border-radius: 3px;

	border: 1px solid #e8e8e8;

    color: #737373;

	/* background-color: #3b9ef3; */

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s;

}

.kzf-mod-new-container .kzf-mod-new-btn-more a:hover {

	color: #3b9ef3;

	border: 1px solid #3b9ef3;

	background-color: #fff;

}

 @media only screen and (max-width: 1199px) {

.kzf-mod-new-container {

	margin-bottom: 60px;

}

.kzf-mod-new-container .kzf-mod-new-btn-more {

	padding: 25px 0;

}

}

 @media only screen and (max-width: 960px) {

.kzf-mod-new-container {

	margin-bottom: 40px;

}

.kzf-mod-new-container .kzf-mod-new-btn-more {

	padding: 15px 0;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {

	padding: 6px 0;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {

	font-size: 38px;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {

	padding-bottom: 22px;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {

	padding: 6px 20px;

}

.kzf-mod-new-container .kzf-mod-new-li {

	padding: 14px 0;

}

}

 @media only screen and (max-width: 767px) {

.kzf-mod-new-container {

	margin-bottom: 25px;

}

.kzf-mod-new-container .kzf-mod-new-btn-more {

	padding: 15px 0;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {

	padding: 3px 0;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {

	font-size: 24px;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {

	padding-bottom: 12px;

	line-height: 19px;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {

	padding: 3px 10px;

}

.kzf-mod-new-container .kzf-mod-new-li {

	padding: 4px 0;

}

}

 @media only screen and (max-width: 479px) {

.kzf-mod-new-container {

	margin-bottom: 25px;

}

.kzf-mod-new-container .kzf-mod-new-btn-more {

	padding: 10px 0;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {

	font-size: 14px;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year {

	font-size: 12px;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {

	padding-bottom: 2px;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {

	padding: 0 10px;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {

	font-size: 14px;

}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text {

	font-size: 12px;

}

.kzf-mod-new-container .kzf-mod-new-li {

	padding: 4px 0;

}

.support_type_content .kzf-mod-center {

	position: relative;

	left: 0;

	-webkit-transform: translateX(0%);

	-moz-transform: translateX(0%);

	-ms-transform: translateX(0%);

	transform: translateX(0%);

}

}

/*

 * @Autor:Jabo(????)

 * Time:2016/09/12

 * Desc:???????

 */



.kzf-mod-case-container {

	padding: 65px 0;

}

.kzf-mod-so-title-box {

	margin: 25px 0 56px;

	text-align: center;

}

.kzf-so-title {

	margin-bottom: 10px;

	font-size: 36px;

	color: #3c94f1;

}

.kzf-so-text {

	color: #818181;

}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box {

	margin-left: -30px;

	text-align: center;

}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {

	margin: 0 0 60px 30px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s;

}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-pic {

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s;

}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap:hover .kzf-mod-pic {

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	transform: translateY(-10px);

}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-title {

	color: #818181;

}

.kzf-mod-link-container {

	padding: 76px 6px 110px;

	background: url(img/so-link-bg.png) no-repeat;

	background-size: cover;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {

	margin: 0 0 30px -26px;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	flex-wrap: wrap;

	overflow: hidden;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box> div {

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	flex-wrap: wrap;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box> div a {

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	flex-wrap: wrap;

	width: 100%;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {

	padding: 25px;

	margin: 0 0 3px 26px;

	width: 100%;

	text-align: center;

	background-color: rgba(180, 180, 180, .2);

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic {

	margin-bottom: 20px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt {

	color: #fff;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {

	margin-left: -15px;

	/*QQ????*/

	display: none;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {

	margin-left: 15px;

	margin-bottom: 1px;

	padding: 12px 3px;

	text-align: center;

	color: #fff;

	background-color: rgba(180, 180, 180, .2);

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img {

	margin-right: 10px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {

	vertical-align: middle;

	font-size: 16px;

}

 @media screen and (max-width: 967px) {

.kzf-so-title {

	font-size: 30px;

}

.kzf-mod-case-container {

	padding: 50px 0;

}

.kzf-mod-so-title-box {

	margin: 25px 0 45px;

}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {

	margin: 0 0 55px 30px;

}

.kzf-mod-link-container {

	padding: 50px 6px 82px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {

	margin: 0 0 30px -16px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {

	margin: 0 0 3px 16px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {

	font-size: 14px;

}

}

 @media screen and (max-width: 767px) {

.kzf-mod-case-container {

	padding: 40px 0;

}

.kzf-mod-so-title-box {

	margin: 25px 0 30px;

}

.kzf-so-title {

	margin-bottom: 3px;

	font-size: 26px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {

	margin: 0 0 1px 5px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {

	margin: 0 0 10px -5px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {

	margin-left: -5px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {

	margin-left: 5px;

}

}

 @media screen and (max-width: 479px) {

.kzf-mod-case-container {

	padding: 15px 0;

}

.kzf-mod-so-title-box {

	margin: 15px 0 30px;

}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {

	margin: 0 0 30px 30px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {

	margin: 0 0 5px -5px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic {

	margin-bottom: 10px;

}

.kzf-mod-link-container {

	padding: 15px 6px 35px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {

	padding: 10px 3px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt {

	font-size: 12px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {

	margin-left: -3px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {

	margin-left: 3px;

	margin-bottom: 1px;

	padding: 6px 2px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img {

	margin-right: 3px;

}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {

	font-size: 12px;

}

}

/*

 * @Autor:?????

 * Time:2016/09/12

 * Desc:????????

 */



.kzf-mod-product {

	padding: 50px 0;

	text-align: center;

}

.kzf-mod-product-title {

	font-size: 36px;

	color: #3c94f1;

	margin-bottom: 30px;

}

.kzf-mod-product-brief {

	color: #818181;

	margin: 20px 0 55px 0;

}

.kzf-mod-product-list-title {

	color: #333;

	font-size: 18px;

	margin: 25px 0 10px 0;

}



.kzf-mod-product-list p {

	line-height: 2;

	color: #818181;

	margin: 0 15px;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

}

.kzf-mod-product-list img {

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

	position: relative;

	top: 0;

}

.kzf-mod-product-list:hover img {

	top: 5px;

}

.kzf-mod-product-list:hover p {

	color: #444;

}

 @media only screen and (max-width: 967px) {

.kzf-mod-product {

	padding: 60px 0;

}

.kzf-mod-product-title {

	font-size: 30px;

}

.kzf-mod-product-brief {

	margin: 20px 0 40px 0;

}

.kzf-mod-product-list-title {

	font-size: 16px;

	margin: 20px 0 10px 0;

}

.kzf-mod-product-list p {

	line-height: 1.8;

}

}

 @media only screen and (max-width: 767px) {

.kzf-mod-product {

	padding: 40px 0 0 0;

}

.kzf-mod-product-title {

	font-size: 26px;

}

.kzf-mod-product-brief {

	margin: 15px 0 25px 0;

}

.kzf-mod-product-list {

	margin-bottom: 40px;

}

.kzf-mod-product-list-title {

	font-size: 16px;

	margin: 20px 0 10px 0;

}

.kzf-mod-product-list p {

	line-height: 1.8;

}

}

.kzf-mod-custom {

	padding: 90px 0;

	text-align: center;

	background: #11121C;

}

.kzf-mod-custom-title {

	font-size: 36px;

	color: #3c94f1;

}

.kzf-mod-custom-brief {

	color: #818181;

	margin: 20px 0 55px 0;

}

.kzf-mod-custom-content {

	overflow: hidden;

}

.kzf-mod-custom-list {

	width: 24.7%;

	float: left;

}



.fwxm-custom-list {

	margin-top:20px;

}



.kzf-mod-custom-list img {

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

	position: relative;

	top: 0;

}

.kzf-mod-custom-list-title {

	color: #fff;

	font-size: 18px;

	margin: 25px 0 10px 0;

}

.kzf-mod-custom-list p {

	line-height: 2;

	color: #818181;

	padding: 0 15px;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

}

.kzf-mod-custom-list:hover img {

	top: 5px;

}

.kzf-mod-custom-list:hover p {

	color: #FAFAFA;

}

 @media only screen and (max-width: 967px) {

.kzf-mod-custom {

	padding: 60px 0 20px 0;

}

.kzf-mod-custom-title {

	font-size: 30px;

}

.kzf-mod-custom-brief {

	margin: 20px 0 40px 0;

}

.kzf-mod-custom-list {

	width: 25%;

	margin-bottom: 40px;

}

.kzf-mod-custom-list-title {

	font-size: 16px;

	margin: 20px 0 10px 0;

}

.kzf-mod-custom-list p {

	line-height: 1.8;

}

}

 @media only screen and (max-width: 767px) {

.kzf-mod-custom {

	padding: 40px 0 0 0;

}

.kzf-mod-custom-title {

	font-size: 26px;

}

.kzf-mod-custom-brief {

	margin: 15px 0 25px 0;

}

.kzf-mod-custom-list {

	margin-bottom: 40px;

}

.kzf-mod-custom-list-title {

	font-size: 16px;

	margin: 20px 0 10px 0;

}

.kzf-mod-custom-list p {

	line-height: 1.8;

}

}

 @media only screen and (max-width: 479px) {

.kzf-mod-custom-list {

	width: 48.333%;

}

.kzf-mod-custom-list img {

	width: 100px;

}

.kzf-mod-custom-list p {

	padding: 0 10px;

	font-size: 12px;

}



.kzf-mod-product-list p{

	font-size: 12px;

}

.kzf-mod-custom-list-last {

	float: none;

	animation-delay: inherit;

	visibility: visible;

	animation-name: inherit;

	-webkit-animation-fill-mode: inherit;

	animation-fill-mode: initial;

	/* margin-left: 50%; 

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);*/

}

}



.process{

	margin: 50px 0;

}



.ser-list{

	margin-bottom:70px;

}



.index-service{

	width:66%;

	margin:0 auto;

	padding: 0 7px;

	/* margin-top: 50px;

	display: -webkit-box;

	-webkit-box-pack: center; */

	margin-bottom:50px;

}



.index-service  .ser-list ul li{

	float:left;

	margin: 10px 0;

}



.index-service  .ser-list ul li p{

	font-size:14px;

	color:#555;

	margin: 0 25px 0 45px;

}



.ser-list .serlist_1{

	background-image:url(../image/service.png);

	background-repeat:no-repeat;

	background-position-x:left;

	background-position-y:center;

} 

.ser-list .serlist_2{

	background-image:url(../image/steady.png);

	background-repeat:no-repeat;

	background-position-x:left;

	background-position-y:center;

} 

.ser-list .serlist_3{

	background-image:url(../image/free.png);

	background-repeat:no-repeat;

	background-position-x:left;

	background-position-y:center;

} 

.ser-list .serlist_4{

	background-image:url(../image/good.png);

	background-repeat:no-repeat;

	background-position-x:left;

	background-position-y:center;

} 

.ser-list .serlist_5{

	background-image:url(../image/anli.png);

	background-repeat:no-repeat;

	background-position-x:left;

	background-position-y:center;

} 

.ser-list .serlist_6{

	background-image:url(../image/pro.png);

	background-repeat:no-repeat;

	background-position-x:left;

	background-position-y:center;

} 

.ser-list .serlist_7{

	background-image:url(../image/web.png);

	background-repeat:no-repeat;

	background-position-x:left;

	background-position-y:center;

} 

.ser-list .serlist_8{

	background-image:url(../image/satisfy.png);

	background-repeat:no-repeat;

	background-position-x:left;

	background-position-y:center;

} 

 @media screen and (max-width: 479px) {

.index-service{

	width:97%;

	margin-left: 13px;

}

.index-service .ser-list ul li p {

    font-size: 14px;

    color: #555;

    margin: 0px 15px 0 41px;

}

 }



/* tab */

/* .tabs-style-bar nav {

	background: rgba(40,44,42,0.05);

}

 */

.tabs-style-bar nav ul {

	border: 4px solid transparent;

}



.tabs-style-bar nav ul li{

	float:left;

	margin:10px;

}



.tabs-style-bar nav ul li a {

	padding:0 10px;

	margin: 0 2px;

	font-size:14px;

	/* background-color: #f7f7f7; */

	color: #74777b;

	transition: background-color 0.2s, color 0.2s;

	border:1px solid #fff;

	border-radius:4px;

}



.tabs-style-bar nav ul li a:hover,

.tabs-style-bar nav ul li a:focus {

	border:1px solid #f56b6b;

	color:#f56b6b;

	background:#fff;

}



.tabs-style-bar nav ul li a span {

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 500;

	font-size: 0.6em;

}



.tabs-style-bar nav ul li.tab-current a {

	border:1px solid #f56b6b;

	color:#f56b6b;

	background:#fff;

}



/* Content */

.content-wrap {

	position: relative;

}



.content-wrap section {

	display: none;

	margin: 0 auto;

	padding: 1em 0;

	text-align: center;

}



.content-wrap section.content-current {

	display: block;

}



.content-wrap section p {

	margin-top: 5px;

	color: #7b7b7b;

	font-size: 14px;

	line-height: 26px;

	text-indent: 2em;

}



.tabs {

	position: relative;

	overflow: hidden;

	margin: 0 auto;

	width: 100%;

	font-weight: 300;

	font-size: 1.25em;

}



/* Nav */

.tabs nav {

	text-align: center;

}



.tabs nav ul {

	position: relative;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: flex;

	margin: 0 auto;

	padding: 0;

	max-width: 1200px;

	list-style: none;

	-ms-box-orient: horizontal;

	-ms-box-pack: center;

	-webkit-flex-flow: row wrap;

	-moz-flex-flow: row wrap;

	-ms-flex-flow: row wrap;

	flex-flow: row wrap;

	-webkit-justify-content: center;

	-moz-justify-content: center;

	-ms-justify-content: center;

	justify-content: center;

}



.tabs nav ul li {

	position: relative;

	z-index: 1;

	display: block;

	margin: 0;

	text-align: center;

	/* -webkit-flex: 1;

	-moz-flex: 1;

	-ms-flex: 1;

	flex: 1; */

	margin: 10px 15px;

}



.tabs nav ul.anli-c li a{

	color:#fff;

}

.tabs-style-bar nav ul.anli-c li a:hover,

.tabs-style-bar nav ul.anli-c li a:focus {

	color:#f56b6b;

	background:rgba(255,255,255);

}

.tabs nav ul.anli-c li.tab-current a {

	background:rgba(255,255,255);

	color:#f56b6b;

}





.tabs nav a {

	position: relative;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 2.5;

	padding:5px 10px;

}



.tabs nav a span {

	vertical-align: middle;

	font-size: 0.75em;

	

}



.tabs nav li.tab-current a {

	background:#fff;

	border:1px solid #f56b6b;

	color:#f56b6b;

}



.tabs nav a:focus {

	outline: none;

}





	/*//////////////////////*/

	

.kzf-mod-new-btn-more {padding: 55px 0;display:flex;flex-flow:wrap;justify-content:center}



.kzf-mod-new-btn-more li{overflow:hidden;border: 1px solid #e8e8e8;margin:5px;padding:10px 25px}



.kzf-mod-new-btn-more a {

	float:left;

	

	border-radius: 3px;

    color: #737373;

	/* background-color: #3b9ef3; */

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s;

}



.kzf-mod-new-btn-more li.thisclass {border:1px solid #3b9ef3;color:#3b9ef3;padding:10px 25px}

.kzf-mod-new-btn-more li:hover {border:1px solid #3b9ef3}

.kzf-mod-new-btn-more li:hover a{color:#3b9ef3}



@media only screen and (max-width: 1199px) {

.kzf-mod-new-btn-more {padding:25px 0}

.kzf-mod-new-btn-more li{padding:5px 10px}

}



.introduce_list_img{

	text-align:center;

}



.quchua{

	margin-bottom:10px;

}



.quchua a{

	display:block;

}



.ping_pic{margin-bottom:15px;}



.ping_pic img{

	max-width:100%;

	margin:0;

}



.pingyu{padding:0 10px;box-sizing:border-box;margin-bottom:10px;}



.pingyu .ping_list{

	box-sizing:border-box;

	padding:10px 5px;

	border:1px solid #cfcfcf;

	min-height: 175px;

}



.pingyu .ping_list h5{

	margin-top:10px;

	color:#1a1a1a;

}



.hm-t-container{

	display:none;

}



.img-tuiguang{

	margin:30px 0; 

}



.introduce_mess p{

	font-size:16px;

	color:#2e3539;

	margin:10px 0;

	line-height:30px;

}



.introduce_mess ul li{

	font-size:16px;

	color:#5a676e;

	margin:15px 45px;

	line-height:30px;

	list-style-type:circle;

	border-bottom:1px solid #f0f0f0;

	padding-bottom:15px;

}



.introduce_mess h6{

	font-size:18px;

	color:#d03636;

	margin:15px 40px;

}



.eqituiguang{

	margin:5px 0;

	text-align: center;

}



.eqituiguang .img-responsive{

	width:100%;

}







.tuiguang_lianxi{

	padding:30px 0;

	text-align:center;

	background:#e95656;

}



.tuiguang_lianxi h5{

	font-size:48px;

	margin:10px 0;

	color:#fff;

}



.tuiguang_lianxi p{

	font-size:24px;

	margin:10px 0;

	color:#fff;

}



.tuiguang_lianxi p a{

	border-right:2px solid #fff;

	margin:0 6px;

	padding-right:15px;

}



.tuiguang_lianxi p a:last-child{

border-right:none;}



.tuiguang_lianxi p img{

	width:40px;

	    vertical-align: -25%;

}



.fuwu_box{

	background:#333;

	padding:25px 0;

}



.fwtitle{

	text-align:center;

	color: #fff;

	font-size:36px;

	margin:15px 0;

}



.fwnr{

	text-align:center;

	color: #fff;

	font-size:20px;

	margin:15px 0;

}



.fwnr span{

	border-bottom:1px solid #fff;

	padding:10px 0;

}



.fwal_pic{

	overflow:hidden;

}



.fuwufw img{

	transition: all 0.7s;

-moz-transition: all 0.7s;

-webkit-transition: all 0.7s;

-o-transition: all 0.7s;

}



.fuwufwbox{

	text-align:center;

	margin:0;

	padding:0;

	color:#fff;

	position:relative;

	overflow:hidden;

	box-sizing:border-box;

}



.fuwufwbox .fuwufw{

	text-align:center;

	position:relative;

}



.fuwufwbox .fuwufw img{

	width:100%;

}



.fuwufwbox .fuwufw .fuwumess h5{

	padding:10px 15px;

	border-radius:4px;

	border: 1px solid #fff;

}



.fuwufwbox .fuwufw .fuwumess{

	top:0;

	font-size:24px;

	background:rgba(7,28,35,0.3);

	position: absolute;

	height: 100%;

	width: 100%;

	justify-content: center;

	align-items: center;

	display: -ms-flexbox;

	display: flex;

	flex-direction: column;

	transition: all 0.7s;

-moz-transition: all 0.7s;

-webkit-transition: all 0.7s;

-o-transition: all 0.7s;

cursor:pointer;

}



.fuwufw img , .fwanli_box img{

	transition: all 0.7s;

-moz-transition: all 0.7s;

-webkit-transition: all 0.7s;

-o-transition: all 0.7s;

}



.fuwu_box .fuwufw:hover img , .fwanli_box .fwal:hover img{

	-webkit-transform: scale(1.1);

-moz-transform: scale(1.1);

transform: scale(1.1);

}



.fuwufwbox .fuwufw .fuwumess:hover{

	background:rgba(7,28,35,0.8);

}



.fwanli_box{

	background:none;

	margin:15px 0;

	padding:25px 0;

}



.fwanli_box .fwanlititle{

	text-align:center;

	color: #333;

	font-size:36px;

	margin:15px 0 10px 0;

}



.fwanli_box .fwal-title{

	margin:15px 0;

	text-align:center;

}



.fwanli_box .fwalbox{

	padding:1px;

	box-sizing:border-box;

}



.fwanli_box .fwal-title h4{

	font-size:24px;

	color:#1e7dd8;

}

.fwanli_box .fwal-title p{

	font-size:14px;

	line-height:26px;

	color:#74797b;

}



.fwanli_box .fwalmore {

	text-align:center;

	margin:20px 0;

}



.fwanli_box .fwalmore a{

	border-radius:50px;

	font-size:16px;

	color:#fff;

	background:#e71c1c;

	padding:5px 20px;

	border:1px solid #e71c1c;

}



.fwanli_box .fwalmore a:hover{

	color:#e71c1c;

	background:#fff;

	border:1px solid #e71c1c;

}



@media(max-width:567px){

	.yxwzys .kzf-mod-product-list{height:240px;}

}





.xuanze{

	padding: 64px 0 40px 0;

	background:url(https://www.gtxseo.com/template/pc/skin/css/image/bg000123.png)center no-repeat;

}



.xuan_title{

	margin:20px 0;

	text-align:center;

}



.xuan_title h4{

	font-size:32px;

	color:#061a2e;

	margin:10px 0;

}



.xuan_title p{

	font-size:20px;

	color:#4c6f80;

	margin-bottom:20px;

}



.counter {

    background:rgba(40,58,88,0.8);

    padding: 20px 0;

    border-radius: 4px;

	color:#fff;

	transition: all 0.7s;

-moz-transition: all 0.7s;

-webkit-transition: all 0.7s;

-o-transition: all 0.7s;

}



 .col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth {

    position: relative;

    margin-right: 2%;

    margin-bottom: 20px;

} 



.count-title {

    font-size: 40px;

    font-weight: bold;

    margin-top: 10px;

    margin-bottom: 0;

    text-align: center;

}



.count-text{

    font-size: 14px;

    font-weight: normal;

    margin-top: 10px;

    margin-bottom: 0;

    text-align: center;

}



.counter:hover{

	background:rgba(38,76,106,0.8);

}



/*----------------------优化问题---------------------*/



.seoquestion{

	padding:40px 0;

	background:url(img/25001.png)center no-repeat;

	background-size:cover;

}



.stitle{

	padding:20px 0;

	text-align:center;

}



.seo_title h3{

	font-size:35px;

	color:#223540;

	font-weight:normal;

	margin:10px 0;

}



.seo_title .seotext p{

	font-size:18px;

	color:#3d5f73;

	letter-spacing:2px;

	margin:5px 0;

}



.seoquestion .seocontent{

	margin:15px 0;



}



.seoquestion .seocontent .leftseo{

	margin:15px 5px;

	background:rgba(39,60,75,0.85);

	padding:15px;

	box-sizing:border-box;

	border-radius:10px;

	border:1px solid rgba(255,255,255,0.5);

}



.seoquestion .seocontent h5{

	font-size:18px;

	color:#fff;

	padding:5px 0;

	margin:10px 0;

	padding-left:40px;

	background:url(../image/seoquestion.png)left no-repeat;

	background-size:30px;

}



.seoquestion .seojiejue{

	background:rgba(39,60,75,0.2);

	padding:15px;

	box-sizing:border-box;

	border-radius:10px;

	border:1px solid rgba(255,255,255,0.2);

}



.seoquestion .seojiejue h3{

	font-size:35px;

	color:#fff;

}



.seoquestion .seojiejue p{

	font-size:24px;

	color:#fff;

}



.seoquestion strong{

	color:#f12d2d;

}



.seoquestion .seocontent .leftseo:hover,.seoquestion .seojiejue:hover{

	background:rgba(39,60,75,0.9);

}



@media screen and (max-width: 579px){

	.seoquestion{

	padding:20px 0;

}

	

	.seo_title h3{

	font-size:24px;

}



.seo_title .seotext p{

	font-size:14px;

}



.seoquestion .seocontent h5{

	font-size:14px;

}



.seoquestion .seojiejue h3{

	font-size:18px;

	color:#fff;

	font-weight:bold;

}



.seoquestion .seojiejue p{

	font-size:14px;

	color:#fff;

}



.seoquestion .seojiejue{

	padding:8px;

}





}





/*------------------------优势-----------------------*/

.seoyoushi .woyoushi{

	padding:20px 0;

	height:400px;

	box-sizing:border-box;

	overflow:hidden;

	background:url(img/seoright002.png)center no-repeat;

}



.seoyoushi .woyoushi .leftus{

	margin-top:60px;

	text-align:right;

	color:#223540;

	margin-left: 25%;

}



.seoyoushi .woyoushi .leftus h5{

	font-size:32px;

	margin:10px 0;

}



.seoyoushi .woyoushi .leftus p{

	font-size:16px;

	margin:10px 0;

	line-height:26px;

}



/*-----------------------优势---------------------------------------*/

.seoyoushi .tayoushi{

	padding:20px 0;

	height:400px;

	box-sizing:border-box;

	overflow:hidden;

	background:url(img/seoleft001.png)center no-repeat;

}



.seoyoushi .tayoushi .rightus{

	margin-top:60px;

	text-align:left;

	color:#fff;

	float:right;

	margin-right: 25%;

}



.seoyoushi .tayoushi .rightus h5{

	font-size:32px;

	margin:10px 0;

}



.seoyoushi .tayoushi .rightus p{

	font-size:16px;

	margin:10px 0;

	line-height:26px;

}



@media screen and (max-width: 579px){

	.seoyoushi .woyoushi{

	padding:10px 0;

	height:200px;

	background: url(img/seoright002.png)90% no-repeat;

}



.seoyoushi .woyoushi .leftus{

	margin-top: 28px;

	color: #223540;

	margin-left: 20px;

}



.seoyoushi .woyoushi .leftus h5{

	font-size:24px;

	margin:5px 0;

}



.seoyoushi .woyoushi .leftus p{

	font-size:16px;

	margin:5px 0;

}



.seoyoushi .tayoushi{

	padding:10px 0;

	height:200px;

	background:url(img/seoleft001.png)1% no-repeat;

}



.seoyoushi .tayoushi .rightus{

	margin-top:0px;

	text-align:left;

	color:#fff;

	float:right;

	margin-right:20px;

}



.seoyoushi .tayoushi .rightus h5{

	font-size:24px;

	margin:5px 0;

}



.seoyoushi .tayoushi .rightus p{

	font-size:14px;

	margin:0;

	line-height:20px;



}

	

}



@media screen and (min-width:991px) and (max-width:1700px){

	.seoyoushi .woyoushi{

	padding:10px 0;

	height:320px;

	background: url(img/seoright002.png)99% no-repeat;

}



.seoyoushi .tayoushi{

	padding:10px 0;

	height:320px;

	background:url(img/seoleft001.png)1% no-repeat;

}



.seoyoushi .woyoushi .leftus{

	margin-top:20px;

	text-align:right;

	color:#223540;

	margin-left: 15%;

}





.seoyoushi .tayoushi .rightus {

    margin-top: 20px;

    text-align: left;

    color: #fff;

    float: right;

    margin-right: 15%;

}



}







/*-------------------优势--------------------*/

.eqiseoyoushi{

	margin:20px 0;

}



.youshilie{

	padding:10px 0;

	line-height: 47px;

}



.youshilie .yous{

	text-align:center;

}



.youshilie .yousleft{

	text-align:right;

}



.youshilie .yousright{

	text-align:left;

}









.youshilie .yousright span{

	background:url(img/zhengque001.png)left no-repeat;

	background-size:30px;

	padding-left:35px;

}



.youshilie .yousleft span{

	background:url(img/cuowu001.png)right no-repeat;

	background-size:30px;

	padding-right:35px;

}



.youshilie span{

	font-size:20px;

	color:#223540;

	padding:5px 10px;

	border-radius:50px;

}



.youshilie img{

	width:50px;

}



@media screen and (max-width: 579px){

	.eqiseoyoushi{

	margin:10px 0;

}



.youshilie{

	padding:5px 0;

	height: 50px;

line-height: 20px;

}



.youshilie .yous{

	text-align:center;

}



.youshilie .yousleft{

	text-align:right;

}



.youshilie .yousright{

	text-align:left;

}





.youshilie span{

	font-size:14px;

	padding:2px 5px;

	border-radius:50px;

}



.youshilie .yousright span{

	background:url(img/zhengque001.png)left no-repeat;

	background-size:15px;

	padding-left:25px;

	padding-right:0px;

}



.youshilie .yousleft span{

	background:url(img/cuowu001.png)left no-repeat;

	background-size:15px;

	padding-left:25px;

	padding-right:0px;

}



.youshilie img{

	width:40px;

}

}



/*------------------------seo案例-------------------------*/

.seoanlibox{

	background:#223540;

	padding:20px 0;

}



.seoanlibox .seolititle{

	text-align: center;

	color: #fff;

	font-size: 36px;

	margin:20px 0;

}



.seobox{

	overflow:hidden;

}



.seobox .seo_pic{

	border:1px solid #223540;

	box-sizing:border-box;

}



.seobox .seo_pic img{

	transition: all 0.7s;

	-moz-transition: all 0.7s;

	-webkit-transition: all 0.7s;

	-o-transition: all 0.7s;

}



.seobox .seo_pic img:hover{

	webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	transform: scale(1.1);

}



.seobox .seomore{

	margin: 30px 0;

	text-align:center;

}



.seobox .seomore a{

	text-align: center;

	border-radius: 50px;

	font-size: 16px;

	color: #fff;

	background: #e71c1c;

	padding: 5px 20px;

	border: 1px solid #e71c1c;

}



.seobox .seomore a:hover{

	color: #fff;

	background: #386077;

	border: 1px solid #e71c1c;

}



/*-------------------------whyus------------------------*/

.whyus{

	padding:30px 0;

	box-sizing:border-box;

	/* background:#f1f6f8; */

	background:url(../image/seobg001.png)repeat;

}



.whyus .why_title{

	margin:20px 0;

	font-size:35px;

	color:#223540;

	text-align:center;

}



.whyus .whybox{

	padding:10px;

	box-sizing:border-box;

}



.whyus .whybox p{

	font-size:16px;

	color:#fff;

	line-height:30px;

}



.whyus .whybox .whyone{

	margin:0 10px;

	border-radius:10px;

	padding:10px 10px 10px 18%;

	box-sizing:border-box;

	background:url(img/why001.png)15px center no-repeat;

	background-size:60px;

	background-color:rgba(7,69,90,0.75);

}



.whyus .whybox .whytwo{

	margin:0 10px;

	border-radius:10px;

	padding:10px 10px 10px 32%;

	box-sizing:border-box;

	background:url(../image/why002.png)15px center no-repeat;

	background-size:60px;

	background-color:rgba(230,68,68,0.75);

}



.whyus .whybox .whythree{

	margin:0 10px;

	border-radius:10px;

	padding:10px 10px 10px 25%;

	box-sizing:border-box;

	background:url(../image/why003.png)15px center no-repeat;

	background-size:60px;

	background-color:rgba(56,179,183,0.75);

}



@media screen and (max-width: 579px){

	.whyus .why_title{

	margin:10px 0;

	font-size:24px;

	color:#223540;

	text-align:center;

}

	.whyus .whybox p{

	font-size:14px;

	color:#fff;

	line-height:26px;

}



.whyus .whybox .whyone{

	margin:0 10px;

	border-radius:10px;

	padding:10px 10px 10px 21%;

	box-sizing:border-box;

	background:url(img/why001.png)15px center no-repeat;

	background-size:45px;

	background-color:rgba(7,69,90,0.8);

}



.whyus .whybox .whytwo{

	margin:0 10px;

	border-radius:10px;

	padding:10px 10px 10px 22%;

	box-sizing:border-box;

	background:url(../image/why002.png)15px center no-repeat;

	background-size:45px;

	background-color:rgba(230,68,68,0.8);

}



.whyus .whybox .whythree{

	margin:0 10px;

	border-radius:10px;

	padding:10px 10px 10px 22%;

	box-sizing:border-box;

	background:url(../image/why003.png)15px center no-repeat;

	background-size:45px;

	background-color:rgba(27,178,228,0.8);

}

}



/*--------------------------------*/

.seoprices{

	margin:30px 0;

}



.prices_title{

	margin:20px 0;

	font-size:35px;

	color:#223540;

	text-align:center;

}



.prices{

	margin:0 10px;

	border-radius:5px;

	background:url(../image/seobg001.png)repeat;

	padding-bottom:20px;

}



.prices h3{

	background:#38b3b7;

	padding:5px 0;

	text-align:center;

	color:#fff;

	font-size:20px;

	border-radius:5px 5px 0 0;

}



.prices p{

	font-size:16px;

	padding:0 15px;

	margin:10px 0;

	color:#d24f4f;

	line-height:26px;

}



.prices ul{

	

}



.prices ul li{

	padding:0 15px 0 25px;

	line-height:36px;

	color:#102937;

	margin:0 15px;

	font-size:16px;

	background:url(../image/price001.png)left 10px no-repeat;

	background-size:15px;

}



@media screen and (max-width: 579px){

.prices_title{

	margin:10px 0;

	font-size:24px;

	color:#223540;

	text-align:center;

}

}



/*----------------------seopwenda--------------------*/

.seopwenda{

	padding:20px 0;

	background:#fff;

}



.seopwenda .wenda_title{

	margin:20px 0;

	font-size:35px;

	color:#223540;

	text-align:center;

}



.seopwenda .wenda_title span{

	color:#fff;

	background:rgba(38,44,48,0.7);

	padding:5px 40px;

	border-radius:50px;

}



.seopwenda .wendabox{

	padding:5px 10px;

	box-sizing:border-box;

}



/* .seopwenda .wendabox .cjwenda{

	height:270px;

} */



.seopwenda .wendabox .cjwenda h5{

	font-size:18px;

	color:#262c30;

	padding:10px 0 5px 50px ;

	border-radius:50px;

	background:url(img/seowen001.png)15px center no-repeat;

	background-size:25px;

	background-color:#fff;

}



.seopwenda .wendabox .cjwenda p{

	font-size:14px;

	color:#4e585e;

	margin:10px 0;

	line-height:26px;

	padding:10px 15px 15px 50px ;

	border-radius:10px;

	background:url(img/seowen002.png)15px 12px no-repeat;

	background-size:25px;

	background-color:#fff;

}



@media screen and (max-width: 579px){

	.seopwenda .wenda_title{

	margin:10px 0;

	font-size:24px;

	color:#223540;

	text-align:center;

}

}



/*----------------------------------------------*/

.zhanshi_pictitle{

	margin:10px 0;

}



.zhanshimess p{

	/* background:#6f8ec7; */

	padding:10px;

	font-size:16px;

	color:#fff;

	margin:10px 0;

	border-radius:10px;

	line-height:30px;

	background:url(../image/miaoshubg.gif)repeat;

}



.zhan_pic{

	padding:5px;

	box-sizing:border-box;

}



.zhan_pic img{

	border-radius:10px;

	border:1px solid #ededed;

}



/*-----------------------------project_table----------------------------------------*/

.project_mess{

	margin:15px 0 30px 0;

}



.project_mess .project_table{

	padding:5px;

	box-sizing:border-box;

}



.project_mess .project_table input , .project_mess .project_table textarea{

	width:100%;

	height:40px;

	padding:5px;

	border:1px solid #dadada;

	border-radius:4px;

	color:#211c1c;

	background:#e9e9e9;

	box-sizing:border-box;

}



.project_mess .project_table a{

	display:inline-block;

	width:100%;

	line-height:40px;

	border-radius:4px;

	box-sizing:border-box;

	text-align:center;

	background:#e95656;

	color:#fff;

}



.project_mess .project_table p{

	color:#e95656;

	font-size:16px;

}



/*-----------------------------seo优化流程--------------------------------*/

.flash4{width:100%;height:670px;margin:0px auto;margin-bottom:20px;position:relative;}

.flash4 ul li{width:244px;height:670px;border-left:1px solid #000;position:relative;overflow:hidden;float:left;}

.flash4 ul li .imgTop{

	overflow:hidden;

}



.flash4 ul li .imgTop img{opacity:0.4;}

.flash4 ul li .imgTop img.tm{opacity:1;}



.flash4 ul li .imgCon{width:880px;height:628px;}

.flash4 ul li .imgCen{width:880px;height:50px;background:rgba(0,0,0,0.5);color:#fff;font-size:18px;line-height:50px;position:absolute;left:0px;bottom:40px;text-indent:20px;display:none;}

.flash4 ul li .imgBot{width:880px;height:45px;background:#222;}

.flash4 ul li .imgBot p.bt_1{width:250px;line-height:45px;font-size:16px;color:#fff;text-indent:20px;float:left;}



.flash4 ul li .imgBot p.wangzhan{background:url(../image/seowang001.png)left no-repeat;background-size:20px;margin-left: 8px;padding-left: 10px;}



.flash4 ul li .imgBot p.hetong{background:url(../image/hetong.png)left no-repeat;background-size:20px;margin-left: 8px;padding-left: 10px;}



.flash4 ul li .imgBot p.wangmess{background:url(../image/wangzhan002.png)left no-repeat;background-size:20px;margin-left: 8px;padding-left: 10px;}



.flash4 ul li .imgBot p.seccess{background:url(../image/seccee.png)left no-repeat;background-size:20px;margin-left: 8px;padding-left: 10px;}



.flash4 ul li .imgBot p.seobegin{background:url(../image/seokai001.png)left no-repeat;background-size:20px;margin-left: 8px;padding-left: 10px;}





.flash4 ul li .imgBot p.bt_2{width:250px;height:45px;line-height:45px;float:left;display:none;}

.flash4 ul li .imgBot p.bt_2 span{font-size:14px;color:#fff;padding-right:30px;background:url(https://www.eqiseo.com/skin/images/part2_icon.png)no-repeat left center;padding-left:10px;}



.flash4 ul li.first{width:880px;}

.flash4 ul li.fast{position:absolute;right:0px;bottom:0px;}



/*------------------------seo_more--------------------------------------------------*/

.seo_more{

	background:url(../image/seomorebg001.png)center no-repeat;

	padding:50px 0;

	

}



.seo_more .all_title2{

	color:#03101c;

}



.seo_more .seo_morebox{

	padding:10px;

	box-sizing:border-box;

}



.seo_more .seom_box{

	padding:10px;

	box-sizing:border-box;

	text-align:center;

	border-radius:4px;

	background:rgba(3,16,28,0.7);

	color:#fff;

}



.seo_more .seom_box h5{

	font-size:18px;

	margin:5px 0;

	border-bottom: 1px solid #55769b;

	padding-bottom: 10px;

}



.seo_more .seom_box p{

	font-size:14px;

	margin:5px 0;

	line-height:24px;

}



/*------------------------------why_tui---------------------------------------*/

.why_tui{

	margin:30px 0;

}



.why_tui .why_title{

	text-align:center;

	font-size:24px;

	color:#e95656;

}



.why_tui ul li{

	margin:10px 0;

	border: 1px dashed #ffb9b9;

    padding: 5px;

	box-sizing:border-box;

}



.why_tui ul li .whyq_mess{

	padding:10px 20px;

	box-sizing:border-box;

}



.why_tui ul li .whyq_mess h5{

	background:url(img/seowen001.png)left no-repeat;

	background-size:20px;

	padding-left:30px;

	font-size:20px;

	color:#e95656;

	margin:5px 0;

}



.why_tui ul li .whyq_mess p{

	background:url(img/seowen002.png)left 2px no-repeat;

	background-size:20px;

	padding-left:30px;

	font-size:14px;

	line-height:24px;

	color:#554545;

	margin:5px 0;

}



.why_tui .q_one{

	padding:20px;

	box-sizing:border-box;

	text-align:center;

	background-color:#e95656;

}



.why_tui .q_one img{

	width:70%;

}



/*-----------------------------choose_us-------------------------------------------*/

.choose_content{

	position:absolute;

	bottom:0;

	width:100%;

}



.choose_content .choose{

	background:rgba(16,17,18,0.2);

	margin:0 1px;

	padding: 15px;

	box-sizing: border-box;

	position:relative;

	min-height:130px;

}



.choose_content .choose .fu_icon{

	position: absolute;

    width: 100%;

    left: 0;

    bottom: -40%;

}



.choose_content .choose h5{

	font-size:20px;

	color:#fff;

	margin:5px 0;

	text-align:left;

}



.choose_content .choose span.icon_s{

	font-size:26px;

	color:#fff;

	display:inline-block;

	height:50px;

	width:50px;

	line-height:50px;

	text-align:center;

	border:1px solid #fff;

	border-radius:50px;

	margin-top:8px;

}



.choose_content .choose span.icon_s i{

	font-weight:lighter;

}



.choose_content .choose p{

	font-size:14px;

	color:#fff;

	line-height: 24px;

	margin:5px 0;

	text-align:left;

}



.choose_content .choose:hover{

	background:rgba(16,17,18,0.4);

	color:#fff;

}



@media screen and (max-width:1140px){

	/*.choose_content{display:none;}*/

}

@media screen and (max-width: 768px){

.choose_content {

    position:inherit;

    bottom: 0;

    width: 100%;

}

.choose_content .choose h5, .choose_content .choose span.icon_s i {

    color: #333 !important;

}

.choose_content .choose {

    background-color: #ffffff;

    margin: 0;

    padding: 10px;

    min-height: 100px;

    box-sizing: border-box;

}

.choose_content .choose span.icon_s {

    border-color: #333;

}

.choose_content .choose p {

    color: #7d7d7d;

}

}



 .choose_content .choose h5, .choose_content .choose span.icon_s i {

    color: #fff;

}	

}

/*--------------------------contact_us----------------------------------------*/

.contact_us{

	margin:20px 0;

}



.contact_us .contact_content{

	border:1px dashed #e05353;

	padding:15px;

	box-sizing:border-box;

}



.contact_us .contact_content .contact{

	text-align:center;

	padding:0 10px;

	box-sizing:border-box;

}



.contact_us .contact_content .contact h5{

	font-size:18px;

	margin:10px 0;

	color:#1a0303;

}



.contact_us .contact_content .contact p{

	font-size:12px;

	margin:5px 0;

	color:#706e6e;

}



.contact_us .contact_content .contact a{

	font-size:14px;

	color:#e54545;

}



.zhuyi{

	margin:50px 0;

	line-height:30px;

}



.recommend_news{overflow:hidden;margin-bottom:25px;margin-left:30px;display:flex;}

.recommend_news .newsbox{padding:30px 20px}

.recommend_news h3{font-size:24px;font-weight:bold;margin:15px 0}

.recommend_news h4{font-size:18px;}

.recommend_news ul li{line-height:25px;margin:10px 0;padding:0 0 10px;border-bottom:1px dashed #cfcfcf}



.index_youshi{overflow:hidden;padding:50px 0}

.tabs .tabs_youshi{justify-content:space-around!important;flex-flow:nowrap;margin-top:10px}

.tabs .tabs_youshi li{width:16.6%;margin:0;height:80px;background:#f56b6b}

.tabs .tabs_youshi li:before{content:"";position:absolute;left:0px;right:0px;bottom:0px;height:80px;transition:all 0.5s;border-left:1px solid #ea3d3d}

.tabs .tabs_youshi li.tab-current:before{background:url(../image/youshi_hover.png);background-size:cover;height:86px;border-right:none;width:calc( 100% + 6px )}

.tabs .tabs_youshi li a{background:none!important;color:#fff!important;border:none!important;font-weight:bold;padding:0;line-height:80px;font-size:22px}



.index_youshi .content-wrap{}

.index_youshi .content-wrap section{padding-top:0;border:#f56b6b 6px solid;border-top:none}

.index_youshi .content-wrap section img{max-width:100%}



.article_text_mobile{display:none}

@media screen and (max-width: 767px){

	.recommend_news{flex-wrap:wrap}

	.article_text{display:none}

	.article_text_mobile{display:block}

}



.fenye{margin:20px 0 40px;overflow:hidden;border-top:1px dashed #dfdfdf;border-bottom:1px dashed #dfdfdf;padding:20px 0}

.fenye p{line-height:1}